<!DOCTYPE html>
<html>
<head><meta charset="utf-8" />

<title>玉树芝兰+python攻城狮_Selenium</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>



<style type="text/css">
    /*!
*
* Twitter Bootstrap
*
*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 3px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 18px;
  margin-bottom: 18px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 18px;
  margin-bottom: 9px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 9px;
  margin-bottom: 9px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 33px;
}
h2,
.h2 {
  font-size: 27px;
}
h3,
.h3 {
  font-size: 23px;
}
h4,
.h4 {
  font-size: 17px;
}
h5,
.h5 {
  font-size: 13px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 9px;
}
.lead {
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 19.5px;
  }
}
small,
.small {
  font-size: 92%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 8px;
  margin: 36px 0 18px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 9px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 18px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 541px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
  font-size: inherit;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 2px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #888;
  background-color: transparent;
  border-radius: 1px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 2px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 18px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 13.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  font-size: 19.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 32px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 45px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 18px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 31px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 30px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
select.input-lg {
  height: 45px;
  line-height: 45px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
.form-group-lg select.form-control {
  height: 45px;
  line-height: 45px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 45px;
  min-height: 35px;
  padding: 11px 16px;
  font-size: 17px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 40px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 45px;
  height: 45px;
  line-height: 45px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 23px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #404040;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 25px;
}
.form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 0px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 13px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 541px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 3px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  line-height: 45px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 2px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 1px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 17px;
  border-radius: 3px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 2px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 2px 2px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 2px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 2px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 2px 2px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 30px;
  margin-bottom: 18px;
  border: 1px solid transparent;
}
@media (min-width: 541px) {
  .navbar {
    border-radius: 2px;
  }
}
@media (min-width: 541px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 0px;
  padding-left: 0px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 541px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 540px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0px;
  margin-left: 0px;
}
@media (min-width: 541px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 541px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 541px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 6px 0px;
  font-size: 17px;
  line-height: 18px;
  height: 30px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 541px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 0px;
  padding: 9px 10px;
  margin-top: -2px;
  margin-bottom: -2px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 541px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 3px 0px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 18px;
}
@media (max-width: 540px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 18px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 541px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.navbar-form {
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px 0px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: -1px;
  margin-bottom: -1px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 540px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 541px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: -1px;
  margin-bottom: -1px;
}
.navbar-btn.btn-sm {
  margin-top: 0px;
  margin-bottom: 0px;
}
.navbar-btn.btn-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.navbar-text {
  margin-top: 6px;
  margin-bottom: 6px;
}
@media (min-width: 541px) {
  .navbar-text {
    float: left;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (min-width: 541px) {
  .navbar-left {
    float: left !important;
    float: left;
  }
  .navbar-right {
    float: right !important;
    float: right;
    margin-right: 0px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 540px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
@media (max-width: 540px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 18px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 2px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #5e5e5e;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 18px 0;
  border-radius: 2px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
.pager {
  padding-left: 0;
  margin: 18px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 3px;
  padding-left: 0px;
  padding-right: 0px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 59px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 18px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #000;
}
.alert {
  padding: 15px;
  margin-bottom: 18px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f5f5f5;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 18px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 1px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 1px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 1px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 1px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 18px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 2px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 3px;
}
.well-sm {
  padding: 9px;
  border-radius: 1px;
}
.close {
  float: right;
  font-size: 19.5px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 2px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 13px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 13px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 2px 2px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.item_buttons:before,
.item_buttons:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.item_buttons:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*!
*
* Font Awesome
*
*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*!
*
* IPython base
*
*/
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
code {
  color: #000;
}
pre {
  font-size: inherit;
  line-height: inherit;
}
label {
  font-weight: normal;
}
/* Make the page background atleast 100% the height of the view port */
/* Make the page itself atleast 70% the height of the view port */
.border-box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.corner-all {
  border-radius: 2px;
}
.no-padding {
  padding: 0px;
}
/* Flexible box model classes */
/* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
/* This file is a compatability layer.  It allows the usage of flexible box 
model layouts accross multiple browsers, including older browsers.  The newest,
universal implementation of the flexible box model is used when available (see
`Modern browsers` comments below).  Browsers that are known to implement this 
new spec completely include:

    Firefox 28.0+
    Chrome 29.0+
    Internet Explorer 11+ 
    Opera 17.0+

Browsers not listed, including Safari, are supported via the styling under the
`Old browsers` comments below.
*/
.hbox {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.hbox > * {
  /* Old browsers */
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  /* Modern browsers */
  flex: none;
}
.vbox {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.vbox > * {
  /* Old browsers */
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  /* Modern browsers */
  flex: none;
}
.hbox.reverse,
.vbox.reverse,
.reverse {
  /* Old browsers */
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse;
  /* Modern browsers */
  flex-direction: row-reverse;
}
.hbox.box-flex0,
.vbox.box-flex0,
.box-flex0 {
  /* Old browsers */
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  /* Modern browsers */
  flex: none;
  width: auto;
}
.hbox.box-flex1,
.vbox.box-flex1,
.box-flex1 {
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
.hbox.box-flex,
.vbox.box-flex,
.box-flex {
  /* Old browsers */
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
.hbox.box-flex2,
.vbox.box-flex2,
.box-flex2 {
  /* Old browsers */
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  /* Modern browsers */
  flex: 2;
}
.box-group1 {
  /*  Deprecated */
  -webkit-box-flex-group: 1;
  -moz-box-flex-group: 1;
  box-flex-group: 1;
}
.box-group2 {
  /* Deprecated */
  -webkit-box-flex-group: 2;
  -moz-box-flex-group: 2;
  box-flex-group: 2;
}
.hbox.start,
.vbox.start,
.start {
  /* Old browsers */
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  /* Modern browsers */
  justify-content: flex-start;
}
.hbox.end,
.vbox.end,
.end {
  /* Old browsers */
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  /* Modern browsers */
  justify-content: flex-end;
}
.hbox.center,
.vbox.center,
.center {
  /* Old browsers */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  /* Modern browsers */
  justify-content: center;
}
.hbox.baseline,
.vbox.baseline,
.baseline {
  /* Old browsers */
  -webkit-box-pack: baseline;
  -moz-box-pack: baseline;
  box-pack: baseline;
  /* Modern browsers */
  justify-content: baseline;
}
.hbox.stretch,
.vbox.stretch,
.stretch {
  /* Old browsers */
  -webkit-box-pack: stretch;
  -moz-box-pack: stretch;
  box-pack: stretch;
  /* Modern browsers */
  justify-content: stretch;
}
.hbox.align-start,
.vbox.align-start,
.align-start {
  /* Old browsers */
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  /* Modern browsers */
  align-items: flex-start;
}
.hbox.align-end,
.vbox.align-end,
.align-end {
  /* Old browsers */
  -webkit-box-align: end;
  -moz-box-align: end;
  box-align: end;
  /* Modern browsers */
  align-items: flex-end;
}
.hbox.align-center,
.vbox.align-center,
.align-center {
  /* Old browsers */
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  /* Modern browsers */
  align-items: center;
}
.hbox.align-baseline,
.vbox.align-baseline,
.align-baseline {
  /* Old browsers */
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  box-align: baseline;
  /* Modern browsers */
  align-items: baseline;
}
.hbox.align-stretch,
.vbox.align-stretch,
.align-stretch {
  /* Old browsers */
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  /* Modern browsers */
  align-items: stretch;
}
div.error {
  margin: 2em;
  text-align: center;
}
div.error > h1 {
  font-size: 500%;
  line-height: normal;
}
div.error > p {
  font-size: 200%;
  line-height: normal;
}
div.traceback-wrapper {
  text-align: left;
  max-width: 800px;
  margin: auto;
}
div.traceback-wrapper pre.traceback {
  max-height: 600px;
  overflow: auto;
}
/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
body {
  background-color: #fff;
  /* This makes sure that the body covers the entire window and needs to
       be in a different element than the display: box in wrapper below */
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: visible;
}
body > #header {
  /* Initially hidden to prevent FLOUC */
  display: none;
  background-color: #fff;
  /* Display over codemirror */
  position: relative;
  z-index: 100;
}
body > #header #header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body > #header .header-bar {
  width: 100%;
  height: 1px;
  background: #e7e7e7;
  margin-bottom: -1px;
}
@media print {
  body > #header {
    display: none !important;
  }
}
#header-spacer {
  width: 100%;
  visibility: hidden;
}
@media print {
  #header-spacer {
    display: none;
  }
}
#ipython_notebook {
  padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}
[dir="rtl"] #ipython_notebook {
  margin-right: 10px;
  margin-left: 0;
}
[dir="rtl"] #ipython_notebook.pull-left {
  float: right !important;
  float: right;
}
.flex-spacer {
  flex: 1;
}
#noscript {
  width: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  font-size: 22px;
  color: red;
  font-weight: bold;
}
#ipython_notebook img {
  height: 28px;
}
#site {
  width: 100%;
  display: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: auto;
}
@media print {
  #site {
    height: auto !important;
  }
}
/* Smaller buttons */
.ui-button .ui-button-text {
  padding: 0.2em 0.8em;
  font-size: 77%;
}
input.ui-button {
  padding: 0.3em 0.9em;
}
span#kernel_logo_widget {
  margin: 0 10px;
}
span#login_widget {
  float: right;
}
[dir="rtl"] span#login_widget {
  float: left;
}
span#login_widget > .button,
#logout {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
span#login_widget > .button:focus,
#logout:focus,
span#login_widget > .button.focus,
#logout.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
span#login_widget > .button:hover,
#logout:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
span#login_widget > .button:active,
#logout:active,
span#login_widget > .button.active,
#logout.active,
.open > .dropdown-togglespan#login_widget > .button,
.open > .dropdown-toggle#logout {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
span#login_widget > .button:active:hover,
#logout:active:hover,
span#login_widget > .button.active:hover,
#logout.active:hover,
.open > .dropdown-togglespan#login_widget > .button:hover,
.open > .dropdown-toggle#logout:hover,
span#login_widget > .button:active:focus,
#logout:active:focus,
span#login_widget > .button.active:focus,
#logout.active:focus,
.open > .dropdown-togglespan#login_widget > .button:focus,
.open > .dropdown-toggle#logout:focus,
span#login_widget > .button:active.focus,
#logout:active.focus,
span#login_widget > .button.active.focus,
#logout.active.focus,
.open > .dropdown-togglespan#login_widget > .button.focus,
.open > .dropdown-toggle#logout.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
span#login_widget > .button:active,
#logout:active,
span#login_widget > .button.active,
#logout.active,
.open > .dropdown-togglespan#login_widget > .button,
.open > .dropdown-toggle#logout {
  background-image: none;
}
span#login_widget > .button.disabled:hover,
#logout.disabled:hover,
span#login_widget > .button[disabled]:hover,
#logout[disabled]:hover,
fieldset[disabled] span#login_widget > .button:hover,
fieldset[disabled] #logout:hover,
span#login_widget > .button.disabled:focus,
#logout.disabled:focus,
span#login_widget > .button[disabled]:focus,
#logout[disabled]:focus,
fieldset[disabled] span#login_widget > .button:focus,
fieldset[disabled] #logout:focus,
span#login_widget > .button.disabled.focus,
#logout.disabled.focus,
span#login_widget > .button[disabled].focus,
#logout[disabled].focus,
fieldset[disabled] span#login_widget > .button.focus,
fieldset[disabled] #logout.focus {
  background-color: #fff;
  border-color: #ccc;
}
span#login_widget > .button .badge,
#logout .badge {
  color: #fff;
  background-color: #333;
}
.nav-header {
  text-transform: none;
}
#header > span {
  margin-top: 10px;
}
.modal_stretch .modal-dialog {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 80vh;
}
.modal_stretch .modal-dialog .modal-body {
  max-height: calc(100vh - 200px);
  overflow: auto;
  flex: 1;
}
.modal-header {
  cursor: move;
}
@media (min-width: 768px) {
  .modal .modal-dialog {
    width: 700px;
  }
}
@media (min-width: 768px) {
  select.form-control {
    margin-left: 12px;
    margin-right: 12px;
  }
}
/*!
*
* IPython auth
*
*/
.center-nav {
  display: inline-block;
  margin-bottom: -4px;
}
[dir="rtl"] .center-nav form.pull-left {
  float: right !important;
  float: right;
}
[dir="rtl"] .center-nav .navbar-text {
  float: right;
}
[dir="rtl"] .navbar-inner {
  text-align: right;
}
[dir="rtl"] div.text-left {
  text-align: right;
}
/*!
*
* IPython tree view
*
*/
/* We need an invisible input field on top of the sentense*/
/* "Drag file onto the list ..." */
.alternate_upload {
  background-color: none;
  display: inline;
}
.alternate_upload.form {
  padding: 0;
  margin: 0;
}
.alternate_upload input.fileinput {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}
.alternate_upload .btn-xs > input.fileinput {
  margin: -1px -5px;
}
.alternate_upload .btn-upload {
  position: relative;
  height: 22px;
}
::-webkit-file-upload-button {
  cursor: pointer;
}
/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
ul#tabs {
  margin-bottom: 4px;
}
ul#tabs a {
  padding-top: 6px;
  padding-bottom: 4px;
}
[dir="rtl"] ul#tabs.nav-tabs > li {
  float: right;
}
[dir="rtl"] ul#tabs.nav.nav-tabs {
  padding-right: 0;
}
ul.breadcrumb a:focus,
ul.breadcrumb a:hover {
  text-decoration: none;
}
ul.breadcrumb i.icon-home {
  font-size: 16px;
  margin-right: 4px;
}
ul.breadcrumb span {
  color: #5e5e5e;
}
.list_toolbar {
  padding: 4px 0 4px 0;
  vertical-align: middle;
}
.list_toolbar .tree-buttons {
  padding-top: 1px;
}
[dir="rtl"] .list_toolbar .tree-buttons .pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .list_toolbar .col-sm-4,
[dir="rtl"] .list_toolbar .col-sm-8 {
  float: right;
}
.dynamic-buttons {
  padding-top: 3px;
  display: inline-block;
}
.list_toolbar [class*="span"] {
  min-height: 24px;
}
.list_header {
  font-weight: bold;
  background-color: #EEE;
}
.list_placeholder {
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
}
.list_container {
  margin-top: 4px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.list_container > div {
  border-bottom: 1px solid #ddd;
}
.list_container > div:hover .list-item {
  background-color: red;
}
.list_container > div:last-child {
  border: none;
}
.list_item:hover .list_item {
  background-color: #ddd;
}
.list_item a {
  text-decoration: none;
}
.list_item:hover {
  background-color: #fafafa;
}
.list_header > div,
.list_item > div {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
  line-height: 22px;
}
.list_header > div input,
.list_item > div input {
  margin-right: 7px;
  margin-left: 14px;
  vertical-align: text-bottom;
  line-height: 22px;
  position: relative;
  top: -1px;
}
.list_header > div .item_link,
.list_item > div .item_link {
  margin-left: -1px;
  vertical-align: baseline;
  line-height: 22px;
}
[dir="rtl"] .list_item > div input {
  margin-right: 0;
}
.new-file input[type=checkbox] {
  visibility: hidden;
}
.item_name {
  line-height: 22px;
  height: 24px;
}
.item_icon {
  font-size: 14px;
  color: #5e5e5e;
  margin-right: 7px;
  margin-left: 7px;
  line-height: 22px;
  vertical-align: baseline;
}
.item_modified {
  margin-right: 7px;
  margin-left: 7px;
}
[dir="rtl"] .item_modified.pull-right {
  float: left !important;
  float: left;
}
.item_buttons {
  line-height: 1em;
  margin-left: -5px;
}
.item_buttons .btn,
.item_buttons .btn-group,
.item_buttons .input-group {
  float: left;
}
.item_buttons > .btn,
.item_buttons > .btn-group,
.item_buttons > .input-group {
  margin-left: 5px;
}
.item_buttons .btn {
  min-width: 13ex;
}
.item_buttons .running-indicator {
  padding-top: 4px;
  color: #5cb85c;
}
.item_buttons .kernel-name {
  padding-top: 4px;
  color: #5bc0de;
  margin-right: 7px;
  float: left;
}
[dir="rtl"] .item_buttons.pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .item_buttons .kernel-name {
  margin-left: 7px;
  float: right;
}
.toolbar_info {
  height: 24px;
  line-height: 24px;
}
.list_item input:not([type=checkbox]) {
  padding-top: 3px;
  padding-bottom: 3px;
  height: 22px;
  line-height: 14px;
  margin: 0px;
}
.highlight_text {
  color: blue;
}
#project_name {
  display: inline-block;
  padding-left: 7px;
  margin-left: -2px;
}
#project_name > .breadcrumb {
  padding: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  font-weight: bold;
}
.sort_button {
  display: inline-block;
  padding-left: 7px;
}
[dir="rtl"] .sort_button.pull-right {
  float: left !important;
  float: left;
}
#tree-selector {
  padding-right: 0px;
}
#button-select-all {
  min-width: 50px;
}
[dir="rtl"] #button-select-all.btn {
  float: right ;
}
#select-all {
  margin-left: 7px;
  margin-right: 2px;
  margin-top: 2px;
  height: 16px;
}
[dir="rtl"] #select-all.pull-left {
  float: right !important;
  float: right;
}
.menu_icon {
  margin-right: 2px;
}
.tab-content .row {
  margin-left: 0px;
  margin-right: 0px;
}
.folder_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
}
.folder_icon:before.fa-pull-left {
  margin-right: .3em;
}
.folder_icon:before.fa-pull-right {
  margin-left: .3em;
}
.folder_icon:before.pull-left {
  margin-right: .3em;
}
.folder_icon:before.pull-right {
  margin-left: .3em;
}
.notebook_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02d";
  position: relative;
  top: -1px;
}
.notebook_icon:before.fa-pull-left {
  margin-right: .3em;
}
.notebook_icon:before.fa-pull-right {
  margin-left: .3em;
}
.notebook_icon:before.pull-left {
  margin-right: .3em;
}
.notebook_icon:before.pull-right {
  margin-left: .3em;
}
.running_notebook_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02d";
  position: relative;
  top: -1px;
  color: #5cb85c;
}
.running_notebook_icon:before.fa-pull-left {
  margin-right: .3em;
}
.running_notebook_icon:before.fa-pull-right {
  margin-left: .3em;
}
.running_notebook_icon:before.pull-left {
  margin-right: .3em;
}
.running_notebook_icon:before.pull-right {
  margin-left: .3em;
}
.file_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f016";
  position: relative;
  top: -2px;
}
.file_icon:before.fa-pull-left {
  margin-right: .3em;
}
.file_icon:before.fa-pull-right {
  margin-left: .3em;
}
.file_icon:before.pull-left {
  margin-right: .3em;
}
.file_icon:before.pull-right {
  margin-left: .3em;
}
#notebook_toolbar .pull-right {
  padding-top: 0px;
  margin-right: -1px;
}
ul#new-menu {
  left: auto;
  right: 0;
}
#new-menu .dropdown-header {
  font-size: 10px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 3px;
  margin: -3px 20px 0;
}
.kernel-menu-icon {
  padding-right: 12px;
  width: 24px;
  content: "\f096";
}
.kernel-menu-icon:before {
  content: "\f096";
}
.kernel-menu-icon-current:before {
  content: "\f00c";
}
#tab_content {
  padding-top: 20px;
}
#running .panel-group .panel {
  margin-top: 3px;
  margin-bottom: 1em;
}
#running .panel-group .panel .panel-heading {
  background-color: #EEE;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 7px;
  line-height: 22px;
}
#running .panel-group .panel .panel-heading a:focus,
#running .panel-group .panel .panel-heading a:hover {
  text-decoration: none;
}
#running .panel-group .panel .panel-body {
  padding: 0px;
}
#running .panel-group .panel .panel-body .list_container {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0px;
  border-radius: 0px;
}
#running .panel-group .panel .panel-body .list_container .list_item {
  border-bottom: 1px solid #ddd;
}
#running .panel-group .panel .panel-body .list_container .list_item:last-child {
  border-bottom: 0px;
}
.delete-button {
  display: none;
}
.duplicate-button {
  display: none;
}
.rename-button {
  display: none;
}
.move-button {
  display: none;
}
.download-button {
  display: none;
}
.shutdown-button {
  display: none;
}
.dynamic-instructions {
  display: inline-block;
  padding-top: 4px;
}
/*!
*
* IPython text editor webapp
*
*/
.selected-keymap i.fa {
  padding: 0px 5px;
}
.selected-keymap i.fa:before {
  content: "\f00c";
}
#mode-menu {
  overflow: auto;
  max-height: 20em;
}
.edit_app #header {
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
.edit_app #menubar .navbar {
  /* Use a negative 1 bottom margin, so the border overlaps the border of the
    header */
  margin-bottom: -1px;
}
.dirty-indicator {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
}
.dirty-indicator.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator.pull-left {
  margin-right: .3em;
}
.dirty-indicator.pull-right {
  margin-left: .3em;
}
.dirty-indicator-dirty {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
}
.dirty-indicator-dirty.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator-dirty.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator-dirty.pull-left {
  margin-right: .3em;
}
.dirty-indicator-dirty.pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
}
.dirty-indicator-clean.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean.pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean.pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
}
.dirty-indicator-clean:before.fa-pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean:before.fa-pull-right {
  margin-left: .3em;
}
.dirty-indicator-clean:before.pull-left {
  margin-right: .3em;
}
.dirty-indicator-clean:before.pull-right {
  margin-left: .3em;
}
#filename {
  font-size: 16pt;
  display: table;
  padding: 0px 5px;
}
#current-mode {
  padding-left: 5px;
  padding-right: 5px;
}
#texteditor-backdrop {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media not print {
  #texteditor-backdrop {
    background-color: #EEE;
  }
}
@media print {
  #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
    background-color: #fff;
  }
}
@media not print {
  #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
  #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
    background-color: #fff;
  }
}
@media not print {
  #texteditor-backdrop #texteditor-container {
    padding: 0px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
    box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  }
}
.CodeMirror-dialog {
  background-color: #fff;
}
/*!
*
* IPython notebook
*
*/
/* CSS font colors for translated ANSI escape sequences */
/* The color values are a mix of
   http://www.xcolors.net/dl/baskerville-ivorylight and
   http://www.xcolors.net/dl/euphrasia */
.ansi-black-fg {
  color: #3E424D;
}
.ansi-black-bg {
  background-color: #3E424D;
}
.ansi-black-intense-fg {
  color: #282C36;
}
.ansi-black-intense-bg {
  background-color: #282C36;
}
.ansi-red-fg {
  color: #E75C58;
}
.ansi-red-bg {
  background-color: #E75C58;
}
.ansi-red-intense-fg {
  color: #B22B31;
}
.ansi-red-intense-bg {
  background-color: #B22B31;
}
.ansi-green-fg {
  color: #00A250;
}
.ansi-green-bg {
  background-color: #00A250;
}
.ansi-green-intense-fg {
  color: #007427;
}
.ansi-green-intense-bg {
  background-color: #007427;
}
.ansi-yellow-fg {
  color: #DDB62B;
}
.ansi-yellow-bg {
  background-color: #DDB62B;
}
.ansi-yellow-intense-fg {
  color: #B27D12;
}
.ansi-yellow-intense-bg {
  background-color: #B27D12;
}
.ansi-blue-fg {
  color: #208FFB;
}
.ansi-blue-bg {
  background-color: #208FFB;
}
.ansi-blue-intense-fg {
  color: #0065CA;
}
.ansi-blue-intense-bg {
  background-color: #0065CA;
}
.ansi-magenta-fg {
  color: #D160C4;
}
.ansi-magenta-bg {
  background-color: #D160C4;
}
.ansi-magenta-intense-fg {
  color: #A03196;
}
.ansi-magenta-intense-bg {
  background-color: #A03196;
}
.ansi-cyan-fg {
  color: #60C6C8;
}
.ansi-cyan-bg {
  background-color: #60C6C8;
}
.ansi-cyan-intense-fg {
  color: #258F8F;
}
.ansi-cyan-intense-bg {
  background-color: #258F8F;
}
.ansi-white-fg {
  color: #C5C1B4;
}
.ansi-white-bg {
  background-color: #C5C1B4;
}
.ansi-white-intense-fg {
  color: #A1A6B2;
}
.ansi-white-intense-bg {
  background-color: #A1A6B2;
}
.ansi-default-inverse-fg {
  color: #FFFFFF;
}
.ansi-default-inverse-bg {
  background-color: #000000;
}
.ansi-bold {
  font-weight: bold;
}
.ansi-underline {
  text-decoration: underline;
}
/* The following styles are deprecated an will be removed in a future version */
.ansibold {
  font-weight: bold;
}
.ansi-inverse {
  outline: 0.5px dotted;
}
/* use dark versions for foreground, to improve visibility */
.ansiblack {
  color: black;
}
.ansired {
  color: darkred;
}
.ansigreen {
  color: darkgreen;
}
.ansiyellow {
  color: #c4a000;
}
.ansiblue {
  color: darkblue;
}
.ansipurple {
  color: darkviolet;
}
.ansicyan {
  color: steelblue;
}
.ansigray {
  color: gray;
}
/* and light for background, for the same reason */
.ansibgblack {
  background-color: black;
}
.ansibgred {
  background-color: red;
}
.ansibggreen {
  background-color: green;
}
.ansibgyellow {
  background-color: yellow;
}
.ansibgblue {
  background-color: blue;
}
.ansibgpurple {
  background-color: magenta;
}
.ansibgcyan {
  background-color: cyan;
}
.ansibggray {
  background-color: gray;
}
div.cell {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  width: 100%;
  padding: 5px;
  /* This acts as a spacer between cells, that is outside the border */
  margin: 0px;
  outline: none;
  position: relative;
  overflow: visible;
}
div.cell:before {
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  width: 5px;
  height: calc(100% +  2px);
  content: '';
  background: transparent;
}
div.cell.jupyter-soft-selected {
  border-left-color: #E3F2FD;
  border-left-width: 1px;
  padding-left: 5px;
  border-right-color: #E3F2FD;
  border-right-width: 1px;
  background: #E3F2FD;
}
@media print {
  div.cell.jupyter-soft-selected {
    border-color: transparent;
  }
}
div.cell.selected,
div.cell.selected.jupyter-soft-selected {
  border-color: #ababab;
}
div.cell.selected:before,
div.cell.selected.jupyter-soft-selected:before {
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  width: 5px;
  height: calc(100% +  2px);
  content: '';
  background: #42A5F5;
}
@media print {
  div.cell.selected,
  div.cell.selected.jupyter-soft-selected {
    border-color: transparent;
  }
}
.edit_mode div.cell.selected {
  border-color: #66BB6A;
}
.edit_mode div.cell.selected:before {
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  width: 5px;
  height: calc(100% +  2px);
  content: '';
  background: #66BB6A;
}
@media print {
  .edit_mode div.cell.selected {
    border-color: transparent;
  }
}
.prompt {
  /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
  min-width: 14ex;
  /* This padding is tuned to match the padding on the CodeMirror editor. */
  padding: 0.4em;
  margin: 0px;
  font-family: monospace;
  text-align: right;
  /* This has to match that of the the CodeMirror class line-height below */
  line-height: 1.21429em;
  /* Don't highlight prompt number selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Use default cursor */
  cursor: default;
}
@media (max-width: 540px) {
  .prompt {
    text-align: left;
  }
}
div.inner_cell {
  min-width: 0;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_area {
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  background: #f7f7f7;
  line-height: 1.21429em;
}
/* This is needed so that empty prompt areas can collapse to zero height when there
   is no content in the output_subarea and the prompt. The main purpose of this is
   to make sure that empty JavaScript output_subareas have no height. */
div.prompt:empty {
  padding-top: 0;
  padding-bottom: 0;
}
div.unrecognized_cell {
  padding: 5px 5px 5px 0px;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
div.unrecognized_cell .inner_cell {
  border-radius: 2px;
  padding: 5px;
  font-weight: bold;
  color: red;
  border: 1px solid #cfcfcf;
  background: #eaeaea;
}
div.unrecognized_cell .inner_cell a {
  color: inherit;
  text-decoration: none;
}
div.unrecognized_cell .inner_cell a:hover {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 540px) {
  div.unrecognized_cell > div.prompt {
    display: none;
  }
}
div.code_cell {
  /* avoid page breaking on code cells when printing */
}
@media print {
  div.code_cell {
    page-break-inside: avoid;
  }
}
/* any special styling for code cells that are currently running goes here */
div.input {
  page-break-inside: avoid;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media (max-width: 540px) {
  div.input {
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
/* input_area and input_prompt must match in top border and margin for alignment */
div.input_prompt {
  color: #303F9F;
  border-top: 1px solid transparent;
}
div.input_area > div.highlight {
  margin: 0.4em;
  border: none;
  padding: 0px;
  background-color: transparent;
}
div.input_area > div.highlight > pre {
  margin: 0px;
  border: none;
  padding: 0px;
  background-color: transparent;
}
/* The following gets added to the <head> if it is detected that the user has a
 * monospace font with inconsistent normal/bold/italic height.  See
 * notebookmain.js.  Such fonts will have keywords vertically offset with
 * respect to the rest of the text.  The user should select a better font.
 * See: https://github.com/ipython/ipython/issues/1503
 *
 * .CodeMirror span {
 *      vertical-align: bottom;
 * }
 */
.CodeMirror {
  line-height: 1.21429em;
  /* Changed from 1em to our global default */
  font-size: 14px;
  height: auto;
  /* Changed to auto to autogrow */
  background: none;
  /* Changed from white to allow our bg to show through */
}
.CodeMirror-scroll {
  /*  The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
  /*  We have found that if it is visible, vertical scrollbars appear with font size changes.*/
  overflow-y: hidden;
  overflow-x: auto;
}
.CodeMirror-lines {
  /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
  /* we have set a different line-height and want this to scale with that. */
  /* Note that this should set vertical padding only, since CodeMirror assumes
       that horizontal padding will be set on CodeMirror pre */
  padding: 0.4em 0;
}
.CodeMirror-linenumber {
  padding: 0 8px 0 4px;
}
.CodeMirror-gutters {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.CodeMirror pre {
  /* In CM3 this went to 4px from 0 in CM2. This sets horizontal padding only,
    use .CodeMirror-lines for vertical */
  padding: 0 0.4em;
  border: 0;
  border-radius: 0;
}
.CodeMirror-cursor {
  border-left: 1.4px solid black;
}
@media screen and (min-width: 2138px) and (max-width: 4319px) {
  .CodeMirror-cursor {
    border-left: 2px solid black;
  }
}
@media screen and (min-width: 4320px) {
  .CodeMirror-cursor {
    border-left: 4px solid black;
  }
}
/*

Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
Adapted from GitHub theme

*/
.highlight-base {
  color: #000;
}
.highlight-variable {
  color: #000;
}
.highlight-variable-2 {
  color: #1a1a1a;
}
.highlight-variable-3 {
  color: #333333;
}
.highlight-string {
  color: #BA2121;
}
.highlight-comment {
  color: #408080;
  font-style: italic;
}
.highlight-number {
  color: #080;
}
.highlight-atom {
  color: #88F;
}
.highlight-keyword {
  color: #008000;
  font-weight: bold;
}
.highlight-builtin {
  color: #008000;
}
.highlight-error {
  color: #f00;
}
.highlight-operator {
  color: #AA22FF;
  font-weight: bold;
}
.highlight-meta {
  color: #AA22FF;
}
/* previously not defined, copying from default codemirror */
.highlight-def {
  color: #00f;
}
.highlight-string-2 {
  color: #f50;
}
.highlight-qualifier {
  color: #555;
}
.highlight-bracket {
  color: #997;
}
.highlight-tag {
  color: #170;
}
.highlight-attribute {
  color: #00c;
}
.highlight-header {
  color: blue;
}
.highlight-quote {
  color: #090;
}
.highlight-link {
  color: #00c;
}
/* apply the same style to codemirror */
.cm-s-ipython span.cm-keyword {
  color: #008000;
  font-weight: bold;
}
.cm-s-ipython span.cm-atom {
  color: #88F;
}
.cm-s-ipython span.cm-number {
  color: #080;
}
.cm-s-ipython span.cm-def {
  color: #00f;
}
.cm-s-ipython span.cm-variable {
  color: #000;
}
.cm-s-ipython span.cm-operator {
  color: #AA22FF;
  font-weight: bold;
}
.cm-s-ipython span.cm-variable-2 {
  color: #1a1a1a;
}
.cm-s-ipython span.cm-variable-3 {
  color: #333333;
}
.cm-s-ipython span.cm-comment {
  color: #408080;
  font-style: italic;
}
.cm-s-ipython span.cm-string {
  color: #BA2121;
}
.cm-s-ipython span.cm-string-2 {
  color: #f50;
}
.cm-s-ipython span.cm-meta {
  color: #AA22FF;
}
.cm-s-ipython span.cm-qualifier {
  color: #555;
}
.cm-s-ipython span.cm-builtin {
  color: #008000;
}
.cm-s-ipython span.cm-bracket {
  color: #997;
}
.cm-s-ipython span.cm-tag {
  color: #170;
}
.cm-s-ipython span.cm-attribute {
  color: #00c;
}
.cm-s-ipython span.cm-header {
  color: blue;
}
.cm-s-ipython span.cm-quote {
  color: #090;
}
.cm-s-ipython span.cm-link {
  color: #00c;
}
.cm-s-ipython span.cm-error {
  color: #f00;
}
.cm-s-ipython span.cm-tab {
  background: url();
  background-position: right;
  background-repeat: no-repeat;
}
div.output_wrapper {
  /* this position must be relative to enable descendents to be absolute within it */
  position: relative;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  z-index: 1;
}
/* class for the output area when it should be height-limited */
div.output_scroll {
  /* ideally, this would be max-height, but FF barfs all over that */
  height: 24em;
  /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
  width: 100%;
  overflow: auto;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
  display: block;
}
/* output div while it is collapsed */
div.output_collapsed {
  margin: 0px;
  padding: 0px;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
div.out_prompt_overlay {
  height: 100%;
  padding: 0px 0.4em;
  position: absolute;
  border-radius: 2px;
}
div.out_prompt_overlay:hover {
  /* use inner shadow to get border that is computed the same on WebKit/FF */
  -webkit-box-shadow: inset 0 0 1px #000;
  box-shadow: inset 0 0 1px #000;
  background: rgba(240, 240, 240, 0.5);
}
div.output_prompt {
  color: #D84315;
}
/* This class is the outer container of all output sections. */
div.output_area {
  padding: 0px;
  page-break-inside: avoid;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
div.output_area .MathJax_Display {
  text-align: left !important;
}
div.output_area .rendered_html table {
  margin-left: 0;
  margin-right: 0;
}
div.output_area .rendered_html img {
  margin-left: 0;
  margin-right: 0;
}
div.output_area img,
div.output_area svg {
  max-width: 100%;
  height: auto;
}
div.output_area img.unconfined,
div.output_area svg.unconfined {
  max-width: none;
}
div.output_area .mglyph > img {
  max-width: none;
}
/* This is needed to protect the pre formating from global settings such
   as that of bootstrap */
.output {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
  display: box;
  box-orient: vertical;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (max-width: 540px) {
  div.output_area {
    /* Old browsers */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-align: stretch;
    display: box;
    box-orient: vertical;
    box-align: stretch;
    /* Modern browsers */
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
div.output_area pre {
  margin: 0;
  padding: 1px 0 1px 0;
  border: 0;
  vertical-align: baseline;
  color: black;
  background-color: transparent;
  border-radius: 0;
}
/* This class is for the output subarea inside the output_area and after
   the prompt div. */
div.output_subarea {
  overflow-x: auto;
  padding: 0.4em;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
  max-width: calc(100% - 14ex);
}
div.output_scroll div.output_subarea {
  overflow-x: visible;
}
/* The rest of the output_* classes are for special styling of the different
   output types */
/* all text output has this class: */
div.output_text {
  text-align: left;
  color: #000;
  /* This has to match that of the the CodeMirror class line-height below */
  line-height: 1.21429em;
}
/* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
div.output_stderr {
  background: #fdd;
  /* very light red background for stderr */
}
div.output_latex {
  text-align: left;
}
/* Empty output_javascript divs should have no height */
div.output_javascript:empty {
  padding: 0;
}
.js-error {
  color: darkred;
}
/* raw_input styles */
div.raw_input_container {
  line-height: 1.21429em;
  padding-top: 5px;
}
pre.raw_input_prompt {
  /* nothing needed here. */
}
input.raw_input {
  font-family: monospace;
  font-size: inherit;
  color: inherit;
  width: auto;
  /* make sure input baseline aligns with prompt */
  vertical-align: baseline;
  /* padding + margin = 0.5em between prompt and cursor */
  padding: 0em 0.25em;
  margin: 0em 0.25em;
}
input.raw_input:focus {
  box-shadow: none;
}
p.p-space {
  margin-bottom: 10px;
}
div.output_unrecognized {
  padding: 5px;
  font-weight: bold;
  color: red;
}
div.output_unrecognized a {
  color: inherit;
  text-decoration: none;
}
div.output_unrecognized a:hover {
  color: inherit;
  text-decoration: none;
}
.rendered_html {
  color: #000;
  /* any extras will just be numbers: */
}
.rendered_html em {
  font-style: italic;
}
.rendered_html strong {
  font-weight: bold;
}
.rendered_html u {
  text-decoration: underline;
}
.rendered_html :link {
  text-decoration: underline;
}
.rendered_html :visited {
  text-decoration: underline;
}
.rendered_html h1 {
  font-size: 185.7%;
  margin: 1.08em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h2 {
  font-size: 157.1%;
  margin: 1.27em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h3 {
  font-size: 128.6%;
  margin: 1.55em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h4 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}
.rendered_html h5 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
  font-style: italic;
}
.rendered_html h6 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
  font-style: italic;
}
.rendered_html h1:first-child {
  margin-top: 0.538em;
}
.rendered_html h2:first-child {
  margin-top: 0.636em;
}
.rendered_html h3:first-child {
  margin-top: 0.777em;
}
.rendered_html h4:first-child {
  margin-top: 1em;
}
.rendered_html h5:first-child {
  margin-top: 1em;
}
.rendered_html h6:first-child {
  margin-top: 1em;
}
.rendered_html ul:not(.list-inline),
.rendered_html ol:not(.list-inline) {
  padding-left: 2em;
}
.rendered_html ul {
  list-style: disc;
}
.rendered_html ul ul {
  list-style: square;
  margin-top: 0;
}
.rendered_html ul ul ul {
  list-style: circle;
}
.rendered_html ol {
  list-style: decimal;
}
.rendered_html ol ol {
  list-style: upper-alpha;
  margin-top: 0;
}
.rendered_html ol ol ol {
  list-style: lower-alpha;
}
.rendered_html ol ol ol ol {
  list-style: lower-roman;
}
.rendered_html ol ol ol ol ol {
  list-style: decimal;
}
.rendered_html * + ul {
  margin-top: 1em;
}
.rendered_html * + ol {
  margin-top: 1em;
}
.rendered_html hr {
  color: black;
  background-color: black;
}
.rendered_html pre {
  margin: 1em 2em;
  padding: 0px;
  background-color: #fff;
}
.rendered_html code {
  background-color: #eff0f1;
}
.rendered_html p code {
  padding: 1px 5px;
}
.rendered_html pre code {
  background-color: #fff;
}
.rendered_html pre,
.rendered_html code {
  border: 0;
  color: #000;
  font-size: 100%;
}
.rendered_html blockquote {
  margin: 1em 2em;
}
.rendered_html table {
  margin-left: auto;
  margin-right: auto;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  color: black;
  font-size: 12px;
  table-layout: fixed;
}
.rendered_html thead {
  border-bottom: 1px solid black;
  vertical-align: bottom;
}
.rendered_html tr,
.rendered_html th,
.rendered_html td {
  text-align: right;
  vertical-align: middle;
  padding: 0.5em 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: none;
}
.rendered_html th {
  font-weight: bold;
}
.rendered_html tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
.rendered_html tbody tr:hover {
  background: rgba(66, 165, 245, 0.2);
}
.rendered_html * + table {
  margin-top: 1em;
}
.rendered_html p {
  text-align: left;
}
.rendered_html * + p {
  margin-top: 1em;
}
.rendered_html img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.rendered_html * + img {
  margin-top: 1em;
}
.rendered_html img,
.rendered_html svg {
  max-width: 100%;
  height: auto;
}
.rendered_html img.unconfined,
.rendered_html svg.unconfined {
  max-width: none;
}
.rendered_html .alert {
  margin-bottom: initial;
}
.rendered_html * + .alert {
  margin-top: 1em;
}
[dir="rtl"] .rendered_html p {
  text-align: right;
}
div.text_cell {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media (max-width: 540px) {
  div.text_cell > div.prompt {
    display: none;
  }
}
div.text_cell_render {
  /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
  outline: none;
  resize: none;
  width: inherit;
  border-style: none;
  padding: 0.5em 0.5em 0.5em 0.4em;
  color: #000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a.anchor-link:link {
  text-decoration: none;
  padding: 0px 20px;
  visibility: hidden;
}
h1:hover .anchor-link,
h2:hover .anchor-link,
h3:hover .anchor-link,
h4:hover .anchor-link,
h5:hover .anchor-link,
h6:hover .anchor-link {
  visibility: visible;
}
.text_cell.rendered .input_area {
  display: none;
}
.text_cell.rendered .rendered_html {
  overflow-x: auto;
  overflow-y: hidden;
}
.text_cell.rendered .rendered_html tr,
.text_cell.rendered .rendered_html th,
.text_cell.rendered .rendered_html td {
  max-width: none;
}
.text_cell.unrendered .text_cell_render {
  display: none;
}
.text_cell .dropzone .input_area {
  border: 2px dashed #bababa;
  margin: -1px;
}
.cm-header-1,
.cm-header-2,
.cm-header-3,
.cm-header-4,
.cm-header-5,
.cm-header-6 {
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cm-header-1 {
  font-size: 185.7%;
}
.cm-header-2 {
  font-size: 157.1%;
}
.cm-header-3 {
  font-size: 128.6%;
}
.cm-header-4 {
  font-size: 110%;
}
.cm-header-5 {
  font-size: 100%;
  font-style: italic;
}
.cm-header-6 {
  font-size: 100%;
  font-style: italic;
}
/*!
*
* IPython notebook webapp
*
*/
@media (max-width: 767px) {
  .notebook_app {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#ipython-main-app {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
}
div#notebook_panel {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
}
div#notebook {
  font-size: 14px;
  line-height: 20px;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  /* This spaces the page away from the edge of the notebook area */
  padding-top: 20px;
  margin: 0px;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100%;
}
@media not print {
  #notebook-container {
    padding: 15px;
    background-color: #fff;
    min-height: 0;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
    box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  }
}
@media print {
  #notebook-container {
    width: 100%;
  }
}
div.ui-widget-content {
  border: 1px solid #ababab;
  outline: none;
}
pre.dialog {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 0.4em;
  padding-left: 2em;
}
p.dialog {
  padding: 0.2em;
}
/* Word-wrap output correctly.  This is the CSS3 spelling, though Firefox seems
   to not honor it correctly.  Webkit browsers (Chrome, rekonq, Safari) do.
 */
pre,
code,
kbd,
samp {
  white-space: pre-wrap;
}
#fonttest {
  font-family: monospace;
}
p {
  margin-bottom: 0;
}
.end_space {
  min-height: 100px;
  transition: height .2s ease;
}
.notebook_app > #header {
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
@media not print {
  .notebook_app {
    background-color: #EEE;
  }
}
kbd {
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  margin: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.jupyter-keybindings {
  padding: 1px;
  line-height: 24px;
  border-bottom: 1px solid gray;
}
.jupyter-keybindings input {
  margin: 0;
  padding: 0;
  border: none;
}
.jupyter-keybindings i {
  padding: 6px;
}
.well code {
  background-color: #ffffff;
  border-color: #ababab;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}
/* CSS for the cell toolbar */
.celltoolbar {
  border: thin solid #CFCFCF;
  border-bottom: none;
  background: #EEE;
  border-radius: 2px 2px 0px 0px;
  width: 100%;
  height: 29px;
  padding-right: 4px;
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
  /* Old browsers */
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  /* Modern browsers */
  justify-content: flex-end;
  display: -webkit-flex;
}
@media print {
  .celltoolbar {
    display: none;
  }
}
.ctb_hideshow {
  display: none;
  vertical-align: bottom;
}
/* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
   Cell toolbars are only shown when the ctb_global_show class is also set.
*/
.ctb_global_show .ctb_show.ctb_hideshow {
  display: block;
}
.ctb_global_show .ctb_show + .input_area,
.ctb_global_show .ctb_show + div.text_cell_input,
.ctb_global_show .ctb_show ~ div.text_cell_render {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.ctb_global_show .ctb_show ~ div.text_cell_render {
  border: 1px solid #cfcfcf;
}
.celltoolbar {
  font-size: 87%;
  padding-top: 3px;
}
.celltoolbar select {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
  width: inherit;
  font-size: inherit;
  height: 22px;
  padding: 0px;
  display: inline-block;
}
.celltoolbar select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.celltoolbar select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.celltoolbar select:-ms-input-placeholder {
  color: #999;
}
.celltoolbar select::-webkit-input-placeholder {
  color: #999;
}
.celltoolbar select::-ms-expand {
  border: 0;
  background-color: transparent;
}
.celltoolbar select[disabled],
.celltoolbar select[readonly],
fieldset[disabled] .celltoolbar select {
  background-color: #eeeeee;
  opacity: 1;
}
.celltoolbar select[disabled],
fieldset[disabled] .celltoolbar select {
  cursor: not-allowed;
}
textarea.celltoolbar select {
  height: auto;
}
select.celltoolbar select {
  height: 30px;
  line-height: 30px;
}
textarea.celltoolbar select,
select[multiple].celltoolbar select {
  height: auto;
}
.celltoolbar label {
  margin-left: 5px;
  margin-right: 5px;
}
.tags_button_container {
  width: 100%;
  display: flex;
}
.tag-container {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}
.tag-container > * {
  margin: 0 4px;
}
.remove-tag-btn {
  margin-left: 4px;
}
.tags-input {
  display: flex;
}
.cell-tag:last-child:after {
  content: "";
  position: absolute;
  right: 0;
  width: 40px;
  height: 100%;
  /* Fade to background color of cell toolbar */
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #EEE);
}
.tags-input > * {
  margin-left: 4px;
}
.cell-tag,
.tags-input input,
.tags-input button {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
  box-shadow: none;
  width: inherit;
  font-size: inherit;
  height: 22px;
  line-height: 22px;
  padding: 0px 4px;
  display: inline-block;
}
.cell-tag:focus,
.tags-input input:focus,
.tags-input button:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.cell-tag::-moz-placeholder,
.tags-input input::-moz-placeholder,
.tags-input button::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.cell-tag:-ms-input-placeholder,
.tags-input input:-ms-input-placeholder,
.tags-input button:-ms-input-placeholder {
  color: #999;
}
.cell-tag::-webkit-input-placeholder,
.tags-input input::-webkit-input-placeholder,
.tags-input button::-webkit-input-placeholder {
  color: #999;
}
.cell-tag::-ms-expand,
.tags-input input::-ms-expand,
.tags-input button::-ms-expand {
  border: 0;
  background-color: transparent;
}
.cell-tag[disabled],
.tags-input input[disabled],
.tags-input button[disabled],
.cell-tag[readonly],
.tags-input input[readonly],
.tags-input button[readonly],
fieldset[disabled] .cell-tag,
fieldset[disabled] .tags-input input,
fieldset[disabled] .tags-input button {
  background-color: #eeeeee;
  opacity: 1;
}
.cell-tag[disabled],
.tags-input input[disabled],
.tags-input button[disabled],
fieldset[disabled] .cell-tag,
fieldset[disabled] .tags-input input,
fieldset[disabled] .tags-input button {
  cursor: not-allowed;
}
textarea.cell-tag,
textarea.tags-input input,
textarea.tags-input button {
  height: auto;
}
select.cell-tag,
select.tags-input input,
select.tags-input button {
  height: 30px;
  line-height: 30px;
}
textarea.cell-tag,
textarea.tags-input input,
textarea.tags-input button,
select[multiple].cell-tag,
select[multiple].tags-input input,
select[multiple].tags-input button {
  height: auto;
}
.cell-tag,
.tags-input button {
  padding: 0px 4px;
}
.cell-tag {
  background-color: #fff;
  white-space: nowrap;
}
.tags-input input[type=text]:focus {
  outline: none;
  box-shadow: none;
  border-color: #ccc;
}
.completions {
  position: absolute;
  z-index: 110;
  overflow: hidden;
  border: 1px solid #ababab;
  border-radius: 2px;
  -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  box-shadow: 0px 6px 10px -1px #adadad;
  line-height: 1;
}
.completions select {
  background: white;
  outline: none;
  border: none;
  padding: 0px;
  margin: 0px;
  overflow: auto;
  font-family: monospace;
  font-size: 110%;
  color: #000;
  width: auto;
}
.completions select option.context {
  color: #286090;
}
#kernel_logo_widget .current_kernel_logo {
  display: none;
  margin-top: -1px;
  margin-bottom: -1px;
  width: 32px;
  height: 32px;
}
[dir="rtl"] #kernel_logo_widget {
  float: left !important;
  float: left;
}
.modal .modal-body .move-path {
  display: flex;
  flex-direction: row;
  justify-content: space;
  align-items: center;
}
.modal .modal-body .move-path .server-root {
  padding-right: 20px;
}
.modal .modal-body .move-path .path-input {
  flex: 1;
}
#menubar {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 1px;
}
#menubar .navbar {
  border-top: 1px;
  border-radius: 0px 0px 2px 2px;
  margin-bottom: 0px;
}
#menubar .navbar-toggle {
  float: left;
  padding-top: 7px;
  padding-bottom: 7px;
  border: none;
}
#menubar .navbar-collapse {
  clear: left;
}
[dir="rtl"] #menubar .navbar-toggle {
  float: right;
}
[dir="rtl"] #menubar .navbar-collapse {
  clear: right;
}
[dir="rtl"] #menubar .navbar-nav {
  float: right;
}
[dir="rtl"] #menubar .nav {
  padding-right: 0px;
}
[dir="rtl"] #menubar .navbar-nav > li {
  float: right;
}
[dir="rtl"] #menubar .navbar-right {
  float: left !important;
}
[dir="rtl"] ul.dropdown-menu {
  text-align: right;
  left: auto;
}
[dir="rtl"] ul#new-menu.dropdown-menu {
  right: auto;
  left: 0;
}
.nav-wrapper {
  border-bottom: 1px solid #e7e7e7;
}
i.menu-icon {
  padding-top: 4px;
}
[dir="rtl"] i.menu-icon.pull-right {
  float: left !important;
  float: left;
}
ul#help_menu li a {
  overflow: hidden;
  padding-right: 2.2em;
}
ul#help_menu li a i {
  margin-right: -1.2em;
}
[dir="rtl"] ul#help_menu li a {
  padding-left: 2.2em;
}
[dir="rtl"] ul#help_menu li a i {
  margin-right: 0;
  margin-left: -1.2em;
}
[dir="rtl"] ul#help_menu li a i.pull-right {
  float: left !important;
  float: left;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
[dir="rtl"] .dropdown-submenu > .dropdown-menu {
  right: 100%;
  margin-right: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "\f0da";
  float: right;
  color: #333333;
  margin-top: 2px;
  margin-right: -10px;
}
.dropdown-submenu > a:after.fa-pull-left {
  margin-right: .3em;
}
.dropdown-submenu > a:after.fa-pull-right {
  margin-left: .3em;
}
.dropdown-submenu > a:after.pull-left {
  margin-right: .3em;
}
.dropdown-submenu > a:after.pull-right {
  margin-left: .3em;
}
[dir="rtl"] .dropdown-submenu > a:after {
  float: left;
  content: "\f0d9";
  margin-right: 0;
  margin-left: -10px;
}
.dropdown-submenu:hover > a:after {
  color: #262626;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
#notification_area {
  float: right !important;
  float: right;
  z-index: 10;
}
[dir="rtl"] #notification_area {
  float: left !important;
  float: left;
}
.indicator_area {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
}
[dir="rtl"] .indicator_area {
  float: left !important;
  float: left;
}
#kernel_indicator {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
  border-left: 1px solid;
}
#kernel_indicator .kernel_indicator_name {
  padding-left: 5px;
  padding-right: 5px;
}
[dir="rtl"] #kernel_indicator {
  float: left !important;
  float: left;
  border-left: 0;
  border-right: 1px solid;
}
#modal_indicator {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
}
[dir="rtl"] #modal_indicator {
  float: left !important;
  float: left;
}
#readonly-indicator {
  float: right !important;
  float: right;
  color: #777;
  margin-left: 5px;
  margin-right: 5px;
  width: 11px;
  z-index: 10;
  text-align: center;
  width: auto;
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  display: none;
}
.modal_indicator:before {
  width: 1.28571429em;
  text-align: center;
}
.edit_mode .modal_indicator:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f040";
}
.edit_mode .modal_indicator:before.fa-pull-left {
  margin-right: .3em;
}
.edit_mode .modal_indicator:before.fa-pull-right {
  margin-left: .3em;
}
.edit_mode .modal_indicator:before.pull-left {
  margin-right: .3em;
}
.edit_mode .modal_indicator:before.pull-right {
  margin-left: .3em;
}
.command_mode .modal_indicator:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ' ';
}
.command_mode .modal_indicator:before.fa-pull-left {
  margin-right: .3em;
}
.command_mode .modal_indicator:before.fa-pull-right {
  margin-left: .3em;
}
.command_mode .modal_indicator:before.pull-left {
  margin-right: .3em;
}
.command_mode .modal_indicator:before.pull-right {
  margin-left: .3em;
}
.kernel_idle_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f10c";
}
.kernel_idle_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_idle_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_idle_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_idle_icon:before.pull-right {
  margin-left: .3em;
}
.kernel_busy_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f111";
}
.kernel_busy_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_busy_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_busy_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_busy_icon:before.pull-right {
  margin-left: .3em;
}
.kernel_dead_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1e2";
}
.kernel_dead_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_dead_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_dead_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_dead_icon:before.pull-right {
  margin-left: .3em;
}
.kernel_disconnected_icon:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f127";
}
.kernel_disconnected_icon:before.fa-pull-left {
  margin-right: .3em;
}
.kernel_disconnected_icon:before.fa-pull-right {
  margin-left: .3em;
}
.kernel_disconnected_icon:before.pull-left {
  margin-right: .3em;
}
.kernel_disconnected_icon:before.pull-right {
  margin-left: .3em;
}
.notification_widget {
  color: #777;
  z-index: 10;
  background: rgba(240, 240, 240, 0.5);
  margin-right: 4px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.notification_widget:focus,
.notification_widget.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.notification_widget:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.notification_widget:active,
.notification_widget.active,
.open > .dropdown-toggle.notification_widget {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.notification_widget:active:hover,
.notification_widget.active:hover,
.open > .dropdown-toggle.notification_widget:hover,
.notification_widget:active:focus,
.notification_widget.active:focus,
.open > .dropdown-toggle.notification_widget:focus,
.notification_widget:active.focus,
.notification_widget.active.focus,
.open > .dropdown-toggle.notification_widget.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.notification_widget:active,
.notification_widget.active,
.open > .dropdown-toggle.notification_widget {
  background-image: none;
}
.notification_widget.disabled:hover,
.notification_widget[disabled]:hover,
fieldset[disabled] .notification_widget:hover,
.notification_widget.disabled:focus,
.notification_widget[disabled]:focus,
fieldset[disabled] .notification_widget:focus,
.notification_widget.disabled.focus,
.notification_widget[disabled].focus,
fieldset[disabled] .notification_widget.focus {
  background-color: #fff;
  border-color: #ccc;
}
.notification_widget .badge {
  color: #fff;
  background-color: #333;
}
.notification_widget.warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.notification_widget.warning:focus,
.notification_widget.warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.notification_widget.warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.notification_widget.warning:active,
.notification_widget.warning.active,
.open > .dropdown-toggle.notification_widget.warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.notification_widget.warning:active:hover,
.notification_widget.warning.active:hover,
.open > .dropdown-toggle.notification_widget.warning:hover,
.notification_widget.warning:active:focus,
.notification_widget.warning.active:focus,
.open > .dropdown-toggle.notification_widget.warning:focus,
.notification_widget.warning:active.focus,
.notification_widget.warning.active.focus,
.open > .dropdown-toggle.notification_widget.warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.notification_widget.warning:active,
.notification_widget.warning.active,
.open > .dropdown-toggle.notification_widget.warning {
  background-image: none;
}
.notification_widget.warning.disabled:hover,
.notification_widget.warning[disabled]:hover,
fieldset[disabled] .notification_widget.warning:hover,
.notification_widget.warning.disabled:focus,
.notification_widget.warning[disabled]:focus,
fieldset[disabled] .notification_widget.warning:focus,
.notification_widget.warning.disabled.focus,
.notification_widget.warning[disabled].focus,
fieldset[disabled] .notification_widget.warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.notification_widget.warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.notification_widget.success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.notification_widget.success:focus,
.notification_widget.success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.notification_widget.success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.notification_widget.success:active,
.notification_widget.success.active,
.open > .dropdown-toggle.notification_widget.success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.notification_widget.success:active:hover,
.notification_widget.success.active:hover,
.open > .dropdown-toggle.notification_widget.success:hover,
.notification_widget.success:active:focus,
.notification_widget.success.active:focus,
.open > .dropdown-toggle.notification_widget.success:focus,
.notification_widget.success:active.focus,
.notification_widget.success.active.focus,
.open > .dropdown-toggle.notification_widget.success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.notification_widget.success:active,
.notification_widget.success.active,
.open > .dropdown-toggle.notification_widget.success {
  background-image: none;
}
.notification_widget.success.disabled:hover,
.notification_widget.success[disabled]:hover,
fieldset[disabled] .notification_widget.success:hover,
.notification_widget.success.disabled:focus,
.notification_widget.success[disabled]:focus,
fieldset[disabled] .notification_widget.success:focus,
.notification_widget.success.disabled.focus,
.notification_widget.success[disabled].focus,
fieldset[disabled] .notification_widget.success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.notification_widget.success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.notification_widget.info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.notification_widget.info:focus,
.notification_widget.info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.notification_widget.info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.notification_widget.info:active,
.notification_widget.info.active,
.open > .dropdown-toggle.notification_widget.info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.notification_widget.info:active:hover,
.notification_widget.info.active:hover,
.open > .dropdown-toggle.notification_widget.info:hover,
.notification_widget.info:active:focus,
.notification_widget.info.active:focus,
.open > .dropdown-toggle.notification_widget.info:focus,
.notification_widget.info:active.focus,
.notification_widget.info.active.focus,
.open > .dropdown-toggle.notification_widget.info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.notification_widget.info:active,
.notification_widget.info.active,
.open > .dropdown-toggle.notification_widget.info {
  background-image: none;
}
.notification_widget.info.disabled:hover,
.notification_widget.info[disabled]:hover,
fieldset[disabled] .notification_widget.info:hover,
.notification_widget.info.disabled:focus,
.notification_widget.info[disabled]:focus,
fieldset[disabled] .notification_widget.info:focus,
.notification_widget.info.disabled.focus,
.notification_widget.info[disabled].focus,
fieldset[disabled] .notification_widget.info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.notification_widget.info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.notification_widget.danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.notification_widget.danger:focus,
.notification_widget.danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.notification_widget.danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.notification_widget.danger:active,
.notification_widget.danger.active,
.open > .dropdown-toggle.notification_widget.danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.notification_widget.danger:active:hover,
.notification_widget.danger.active:hover,
.open > .dropdown-toggle.notification_widget.danger:hover,
.notification_widget.danger:active:focus,
.notification_widget.danger.active:focus,
.open > .dropdown-toggle.notification_widget.danger:focus,
.notification_widget.danger:active.focus,
.notification_widget.danger.active.focus,
.open > .dropdown-toggle.notification_widget.danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.notification_widget.danger:active,
.notification_widget.danger.active,
.open > .dropdown-toggle.notification_widget.danger {
  background-image: none;
}
.notification_widget.danger.disabled:hover,
.notification_widget.danger[disabled]:hover,
fieldset[disabled] .notification_widget.danger:hover,
.notification_widget.danger.disabled:focus,
.notification_widget.danger[disabled]:focus,
fieldset[disabled] .notification_widget.danger:focus,
.notification_widget.danger.disabled.focus,
.notification_widget.danger[disabled].focus,
fieldset[disabled] .notification_widget.danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.notification_widget.danger .badge {
  color: #d9534f;
  background-color: #fff;
}
div#pager {
  background-color: #fff;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  display: none;
  position: fixed;
  bottom: 0px;
  width: 100%;
  max-height: 50%;
  padding-top: 8px;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  /* Display over codemirror */
  z-index: 100;
  /* Hack which prevents jquery ui resizable from changing top. */
  top: auto !important;
}
div#pager pre {
  line-height: 1.21429em;
  color: #000;
  background-color: #f7f7f7;
  padding: 0.4em;
}
div#pager #pager-button-area {
  position: absolute;
  top: 8px;
  right: 20px;
}
div#pager #pager-contents {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
}
div#pager #pager-contents #pager-container {
  position: relative;
  padding: 15px 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div#pager .ui-resizable-handle {
  top: 0px;
  height: 8px;
  background: #f7f7f7;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  /* This injects handle bars (a short, wide = symbol) for 
        the resize handle. */
}
div#pager .ui-resizable-handle::after {
  content: '';
  top: 2px;
  left: 50%;
  height: 3px;
  width: 30px;
  margin-left: -15px;
  position: absolute;
  border-top: 1px solid #cfcfcf;
}
.quickhelp {
  /* Old browsers */
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: stretch;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-align: stretch;
  display: box;
  box-orient: horizontal;
  box-align: stretch;
  /* Modern browsers */
  display: flex;
  flex-direction: row;
  align-items: stretch;
  line-height: 1.8em;
}
.shortcut_key {
  display: inline-block;
  width: 21ex;
  text-align: right;
  font-family: monospace;
}
.shortcut_descr {
  display: inline-block;
  /* Old browsers */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  /* Modern browsers */
  flex: 1;
}
span.save_widget {
  height: 30px;
  margin-top: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  width: 50%;
  flex: 1;
}
span.save_widget span.filename {
  height: 100%;
  line-height: 1em;
  margin-left: 16px;
  border: none;
  font-size: 146.5%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 2px;
}
span.save_widget span.filename:hover {
  background-color: #e6e6e6;
}
[dir="rtl"] span.save_widget.pull-left {
  float: right !important;
  float: right;
}
[dir="rtl"] span.save_widget span.filename {
  margin-left: 0;
  margin-right: 16px;
}
span.checkpoint_status,
span.autosave_status {
  font-size: small;
  white-space: nowrap;
  padding: 0 5px;
}
@media (max-width: 767px) {
  span.save_widget {
    font-size: small;
    padding: 0 0 0 5px;
  }
  span.checkpoint_status,
  span.autosave_status {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  span.checkpoint_status {
    display: none;
  }
  span.autosave_status {
    font-size: x-small;
  }
}
.toolbar {
  padding: 0px;
  margin-left: -5px;
  margin-top: 2px;
  margin-bottom: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.toolbar select,
.toolbar label {
  width: auto;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 0px;
  display: inline;
  font-size: 92%;
  margin-left: 0.3em;
  margin-right: 0.3em;
  padding: 0px;
  padding-top: 3px;
}
.toolbar .btn {
  padding: 2px 8px;
}
.toolbar .btn-group {
  margin-top: 0px;
  margin-left: 5px;
}
.toolbar-btn-label {
  margin-left: 6px;
}
#maintoolbar {
  margin-bottom: -3px;
  margin-top: -8px;
  border: 0px;
  min-height: 27px;
  margin-left: 0px;
  padding-top: 11px;
  padding-bottom: 3px;
}
#maintoolbar .navbar-text {
  float: none;
  vertical-align: middle;
  text-align: right;
  margin-left: 5px;
  margin-right: 0px;
  margin-top: 0px;
}
.select-xs {
  height: 24px;
}
[dir="rtl"] .btn-group > .btn,
.btn-group-vertical > .btn {
  float: right;
}
.pulse,
.dropdown-menu > li > a.pulse,
li.pulse > a.dropdown-toggle,
li.pulse.open > a.dropdown-toggle {
  background-color: #F37626;
  color: white;
}
/**
 * Primary styles
 *
 * Author: Jupyter Development Team
 */
/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
 * of chance of beeing generated from the ../less/[samename].less file, you can
 * try to get back the less file by reverting somme commit in history
 **/
/*
 * We'll try to get something pretty, so we
 * have some strange css to have the scroll bar on
 * the left with fix button on the top right of the tooltip
 */
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*properties of tooltip after "expand"*/
.bigtooltip {
  overflow: auto;
  height: 200px;
  -webkit-transition-property: height;
  -webkit-transition-duration: 500ms;
  -moz-transition-property: height;
  -moz-transition-duration: 500ms;
  transition-property: height;
  transition-duration: 500ms;
}
/*properties of tooltip before "expand"*/
.smalltooltip {
  -webkit-transition-property: height;
  -webkit-transition-duration: 500ms;
  -moz-transition-property: height;
  -moz-transition-duration: 500ms;
  transition-property: height;
  transition-duration: 500ms;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 80px;
}
.tooltipbuttons {
  position: absolute;
  padding-right: 15px;
  top: 0px;
  right: 0px;
}
.tooltiptext {
  /*avoid the button to overlap on some docstring*/
  padding-right: 30px;
}
.ipython_tooltip {
  max-width: 700px;
  /*fade-in animation when inserted*/
  -webkit-animation: fadeOut 400ms;
  -moz-animation: fadeOut 400ms;
  animation: fadeOut 400ms;
  -webkit-animation: fadeIn 400ms;
  -moz-animation: fadeIn 400ms;
  animation: fadeIn 400ms;
  vertical-align: middle;
  background-color: #f7f7f7;
  overflow: visible;
  border: #ababab 1px solid;
  outline: none;
  padding: 3px;
  margin: 0px;
  padding-left: 7px;
  font-family: monospace;
  min-height: 50px;
  -moz-box-shadow: 0px 6px 10px -1px #adadad;
  -webkit-box-shadow: 0px 6px 10px -1px #adadad;
  box-shadow: 0px 6px 10px -1px #adadad;
  border-radius: 2px;
  position: absolute;
  z-index: 1000;
}
.ipython_tooltip a {
  float: right;
}
.ipython_tooltip .tooltiptext pre {
  border: 0;
  border-radius: 0;
  font-size: 100%;
  background-color: #f7f7f7;
}
.pretooltiparrow {
  left: 0px;
  margin: 0px;
  top: -16px;
  width: 40px;
  height: 16px;
  overflow: hidden;
  position: absolute;
}
.pretooltiparrow:before {
  background-color: #f7f7f7;
  border: 1px #ababab solid;
  z-index: 11;
  content: "";
  position: absolute;
  left: 15px;
  top: 10px;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
ul.typeahead-list i {
  margin-left: -10px;
  width: 18px;
}
[dir="rtl"] ul.typeahead-list i {
  margin-left: 0;
  margin-right: -10px;
}
ul.typeahead-list {
  max-height: 80vh;
  overflow: auto;
}
ul.typeahead-list > li > a {
  /** Firefox bug **/
  /* see https://github.com/jupyter/notebook/issues/559 */
  white-space: normal;
}
ul.typeahead-list  > li > a.pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .typeahead-list {
  text-align: right;
}
.cmd-palette .modal-body {
  padding: 7px;
}
.cmd-palette form {
  background: white;
}
.cmd-palette input {
  outline: none;
}
.no-shortcut {
  min-width: 20px;
  color: transparent;
}
[dir="rtl"] .no-shortcut.pull-right {
  float: left !important;
  float: left;
}
[dir="rtl"] .command-shortcut.pull-right {
  float: left !important;
  float: left;
}
.command-shortcut:before {
  content: "(command mode)";
  padding-right: 3px;
  color: #777777;
}
.edit-shortcut:before {
  content: "(edit)";
  padding-right: 3px;
  color: #777777;
}
[dir="rtl"] .edit-shortcut.pull-right {
  float: left !important;
  float: left;
}
#find-and-replace #replace-preview .match,
#find-and-replace #replace-preview .insert {
  background-color: #BBDEFB;
  border-color: #90CAF9;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px;
}
[dir="ltr"] #find-and-replace .input-group-btn + .form-control {
  border-left: none;
}
[dir="rtl"] #find-and-replace .input-group-btn + .form-control {
  border-right: none;
}
#find-and-replace #replace-preview .replace .match {
  background-color: #FFCDD2;
  border-color: #EF9A9A;
  border-radius: 0px;
}
#find-and-replace #replace-preview .replace .insert {
  background-color: #C8E6C9;
  border-color: #A5D6A7;
  border-radius: 0px;
}
#find-and-replace #replace-preview {
  max-height: 60vh;
  overflow: auto;
}
#find-and-replace #replace-preview pre {
  padding: 5px 10px;
}
.terminal-app {
  background: #EEE;
}
.terminal-app #header {
  background: #fff;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
}
.terminal-app .terminal {
  width: 100%;
  float: left;
  font-family: monospace;
  color: white;
  background: black;
  padding: 0.4em;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4);
}
.terminal-app .terminal,
.terminal-app .terminal dummy-screen {
  line-height: 1em;
  font-size: 14px;
}
.terminal-app .terminal .xterm-rows {
  padding: 10px;
}
.terminal-app .terminal-cursor {
  color: black;
  background: white;
}
.terminal-app #terminado-container {
  margin-top: 20px;
}
/*# sourceMappingURL=style.min.css.map */
    </style>
<style type="text/css">
    .highlight .hll { background-color: #ffffcc }
.highlight  { background: #f8f8f8; }
.highlight .c { color: #408080; font-style: italic } /* Comment */
.highlight .err { border: 1px solid #FF0000 } /* Error */
.highlight .k { color: #008000; font-weight: bold } /* Keyword */
.highlight .o { color: #666666 } /* Operator */
.highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
.highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
.highlight .gd { color: #A00000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #FF0000 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #0044DD } /* Generic.Traceback */
.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008000 } /* Keyword.Pseudo */
.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #B00040 } /* Keyword.Type */
.highlight .m { color: #666666 } /* Literal.Number */
.highlight .s { color: #BA2121 } /* Literal.String */
.highlight .na { color: #7D9029 } /* Name.Attribute */
.highlight .nb { color: #008000 } /* Name.Builtin */
.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.highlight .no { color: #880000 } /* Name.Constant */
.highlight .nd { color: #AA22FF } /* Name.Decorator */
.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #0000FF } /* Name.Function */
.highlight .nl { color: #A0A000 } /* Name.Label */
.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
.highlight .nv { color: #19177C } /* Name.Variable */
.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mb { color: #666666 } /* Literal.Number.Bin */
.highlight .mf { color: #666666 } /* Literal.Number.Float */
.highlight .mh { color: #666666 } /* Literal.Number.Hex */
.highlight .mi { color: #666666 } /* Literal.Number.Integer */
.highlight .mo { color: #666666 } /* Literal.Number.Oct */
.highlight .sa { color: #BA2121 } /* Literal.String.Affix */
.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
.highlight .sc { color: #BA2121 } /* Literal.String.Char */
.highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.highlight .sx { color: #008000 } /* Literal.String.Other */
.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
.highlight .ss { color: #19177C } /* Literal.String.Symbol */
.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #0000FF } /* Name.Function.Magic */
.highlight .vc { color: #19177C } /* Name.Variable.Class */
.highlight .vg { color: #19177C } /* Name.Variable.Global */
.highlight .vi { color: #19177C } /* Name.Variable.Instance */
.highlight .vm { color: #19177C } /* Name.Variable.Magic */
.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
    </style>
<style type="text/css">
    
/* Temporary definitions which will become obsolete with Notebook release 5.0 */
.ansi-black-fg { color: #3E424D; }
.ansi-black-bg { background-color: #3E424D; }
.ansi-black-intense-fg { color: #282C36; }
.ansi-black-intense-bg { background-color: #282C36; }
.ansi-red-fg { color: #E75C58; }
.ansi-red-bg { background-color: #E75C58; }
.ansi-red-intense-fg { color: #B22B31; }
.ansi-red-intense-bg { background-color: #B22B31; }
.ansi-green-fg { color: #00A250; }
.ansi-green-bg { background-color: #00A250; }
.ansi-green-intense-fg { color: #007427; }
.ansi-green-intense-bg { background-color: #007427; }
.ansi-yellow-fg { color: #DDB62B; }
.ansi-yellow-bg { background-color: #DDB62B; }
.ansi-yellow-intense-fg { color: #B27D12; }
.ansi-yellow-intense-bg { background-color: #B27D12; }
.ansi-blue-fg { color: #208FFB; }
.ansi-blue-bg { background-color: #208FFB; }
.ansi-blue-intense-fg { color: #0065CA; }
.ansi-blue-intense-bg { background-color: #0065CA; }
.ansi-magenta-fg { color: #D160C4; }
.ansi-magenta-bg { background-color: #D160C4; }
.ansi-magenta-intense-fg { color: #A03196; }
.ansi-magenta-intense-bg { background-color: #A03196; }
.ansi-cyan-fg { color: #60C6C8; }
.ansi-cyan-bg { background-color: #60C6C8; }
.ansi-cyan-intense-fg { color: #258F8F; }
.ansi-cyan-intense-bg { background-color: #258F8F; }
.ansi-white-fg { color: #C5C1B4; }
.ansi-white-bg { background-color: #C5C1B4; }
.ansi-white-intense-fg { color: #A1A6B2; }
.ansi-white-intense-bg { background-color: #A1A6B2; }

.ansi-bold { font-weight: bold; }

    </style>


<style type="text/css">
/* Overrides of notebook CSS for static HTML export */
body {
  overflow: visible;
  padding: 8px;
}

div#notebook {
  overflow: visible;
  border-top: none;
}@media print {
  div.cell {
    display: block;
    page-break-inside: avoid;
  } 
  div.output_wrapper { 
    display: block;
    page-break-inside: avoid; 
  }
  div.output { 
    display: block;
    page-break-inside: avoid; 
  }
}
</style>

<!-- Custom stylesheet, it must be in the same directory as the html file -->
<link rel="stylesheet" href="custom.css">

<!-- Loading mathjax macro -->
<!-- Load mathjax -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS_HTML"></script>
    <!-- MathJax configuration -->
    <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [ ['$','$'], ["\\(","\\)"] ],
            displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
            processEscapes: true,
            processEnvironments: true
        },
        // Center justify equations in code and markdown cells. Elsewhere
        // we use CSS to left justify single line equations in code cells.
        displayAlign: 'center',
        "HTML-CSS": {
            styles: {'.MathJax_Display': {"margin": 0}},
            linebreaks: { automatic: true }
        }
    });
    </script>
    <!-- End of mathjax configuration --></head>
<body>
  <div tabindex="-1" id="notebook" class="border-box-sizing">
    <div class="container" id="notebook-container">

<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h1 id="&#29577;&#26641;&#33437;&#20848;+Python&#25915;&#22478;&#29422;">&#29577;&#26641;&#33437;&#20848;+Python&#25915;&#22478;&#29422;<a class="anchor-link" href="#&#29577;&#26641;&#33437;&#20848;+Python&#25915;&#22478;&#29422;">&#182;</a></h1><p>玉树兰芝和python攻城狮两个公众号都是以学习和分享python知识，数据挖掘为主要内容，通过爬取他们的文章，提取他们的关键词，包括数据科学,Python,数据分析,可视化 科研入门知识,选题,分析文献，效率，笔记，写作，书籍，就业，爬虫等等。
<img src="https://gitee.com/Zkimzie/selenium_Official-Accounts/raw/master/img/%E7%8E%89%E6%A0%91.png" alt="玉树兰芝">
<img src="https://gitee.com/Zkimzie/selenium_Official-Accounts/raw/master/img/python.png" alt="python">
通过关键词的数据，分析两个公众号喜欢分享什么关键词为主，除去无法分类的文章，玉树芝兰python文章有38篇，机器学习、数据科学分别有9篇和7篇，而python攻城狮python文章有47篇，数据分析有9篇，因而可根据我们的需求去关注公众号，对未来的学习会有所帮助。</p>
<h1 id="&#25968;&#25454;&#26368;&#23567;&#21487;&#29992;&#20135;&#21697;">&#25968;&#25454;&#26368;&#23567;&#21487;&#29992;&#20135;&#21697;<a class="anchor-link" href="#&#25968;&#25454;&#26368;&#23567;&#21487;&#29992;&#20135;&#21697;">&#182;</a></h1><p>通过selenium和python的结合，成功获取到公众号玉树兰芝的41页，每页基本5篇文章以上，共抓取205条数据量，python攻城狮29页，共176条数据量，都包含文章标题、文章发布时间、文章链接，并对文章进行分类，通过此次小的测试，看看两个订阅号主要分享哪些领域的知识，以解决同学们能根据需要去关注公众号，解决相关问题。</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[1]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">公众号</span> <span class="o">=</span> <span class="s2">&quot;玉树芝兰&quot;</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[2]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">fn</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">&quot;output&quot;</span> <span class="p">:</span> <span class="p">{</span> <span class="s2">&quot;公众号_htm_snippets&quot;</span><span class="p">:</span> <span class="s2">&quot;data_raw_src/公众号_htm_snippets_</span><span class="si">{公众号}</span><span class="s2">.tsv&quot;</span><span class="p">,</span>
                    <span class="s2">&quot;公众号_df&quot;</span><span class="p">:</span> <span class="s2">&quot;data_raw_src/公众号_df_</span><span class="si">{公众号}</span><span class="s2">.tsv&quot;</span><span class="p">,</span>
                    <span class="s2">&quot;公众号_xlsx&quot;</span><span class="p">:</span> <span class="s2">&quot;data_sets/公众号_url_</span><span class="si">{公众号}</span><span class="s2">.xlsx&quot;</span> <span class="p">}</span> \
      <span class="p">}</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h1 id="&#37319;&#38598;&#20844;&#20247;&#21495;&#65288;requests&#65289;">&#37319;&#38598;&#20844;&#20247;&#21495;&#65288;requests&#65289;<a class="anchor-link" href="#&#37319;&#38598;&#20844;&#20247;&#21495;&#65288;requests&#65289;">&#182;</a></h1>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[4]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 目标url</span>

<span class="kn">import</span> <span class="nn">time</span>
<span class="kn">import</span> <span class="nn">requests</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="kn">import</span> <span class="nn">csv</span>


<span class="n">url</span> <span class="o">=</span> <span class="s2">&quot;https://mp.weixin.qq.com/cgi-bin/appmsg&quot;</span>

<span class="c1"># 使用Cookie，跳过登陆操作</span>
<span class="c1">#更换cookie、header、token（每一次都会不同）</span>
<span class="n">headers</span> <span class="o">=</span> <span class="p">{</span>
  <span class="s2">&quot;Cookie&quot;</span><span class="p">:</span> <span class="s2">&quot;pgv_pvi=3297818624; pgv_pvid=7709096940; tvfe_boss_uuid=48cc16cb3ec1f962; ua_id=tlTvVwoNtM20N1AjAAAAADDBb7pu824i7Vficjn6qBE=; mm_lang=zh_CN; wxuin=71730836719479; RK=mMipTQ5sHY; ptcz=70879bb122a7b70b97f77b1b72255caa4ad6156b86eaafd0ec887e1de931cb58; pgv_si=s6941804544; vfwebqq=bdda92886d0cfb545d666481121c22539d4a9e270127c25d032bc6c95d821cc01d5c33b165944942; rewardsn=; wxtokenkey=777; pgv_info=ssid=s7658580900; qqmusic_fromtag=66; uin=o0515695070; skey=@7E8Qwj2DT; cert=8NSLCqkGK246wYVsOdFRwQTC5UyKhMAk; ticket_id=gh_d7be5b31e2e1; noticeLoginFlag=1; uuid=dd15770cf6ddc43cc1718f24572be3cf; bizuin=3887083431; ticket=8322f9bc3144a37ae14e26d23fc03e9ddc031a72; rand_info=CAESIHi5PryMFA8vL4CabU3n3y/82zPuStGfdZBvSf6w5I4Q; slave_bizuin=3887083431; data_bizuin=3887083431; data_ticket=c+WXv5TKmGvHM4IVJsuLxLcksmEELH8BcjoWcHYb9lldQpqiZePUNnpyngd/LG2Z; slave_sid=dXkybU1kR200MWdyNW1IRHF6TFM2M0xxU2djdEM5SkI4YVJZMmpEbGNKSENVczRLV2k4T01ONUpvYloxUWtRSmJiUUJUTHZhZ2EyS09tMkpSbF9WNkNWVDBGSEZ6Zm5sb3BpN0JPS1BHeklfbFlvbHVXZEZ1VjFpUGJ2NXBGdjJONHpNT21jQnFUVzJPOW1B; slave_user=gh_d7be5b31e2e1; xid=7f5c784aecd239ec6df6663008f02bde; openid2ticket_opy-w5x3d2k-OjGMlEwtTy45lB0w=Du0b/z0hSjB8im31ahGm5JAIymgon+MdXGP/2EBv7LI=&quot;</span><span class="p">,</span>
  <span class="s2">&quot;User-Agent&quot;</span><span class="p">:</span> <span class="s2">&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36&quot;</span><span class="p">}</span>

<span class="n">data</span> <span class="o">=</span> <span class="p">{</span>
    <span class="s2">&quot;token&quot;</span><span class="p">:</span> <span class="s2">&quot;371814761&quot;</span><span class="p">,</span><span class="c1">#用户唯一的token</span>
    <span class="s2">&quot;lang&quot;</span><span class="p">:</span> <span class="s2">&quot;zh_CN&quot;</span><span class="p">,</span>
    <span class="s2">&quot;f&quot;</span><span class="p">:</span> <span class="s2">&quot;json&quot;</span><span class="p">,</span>
    <span class="s2">&quot;ajax&quot;</span><span class="p">:</span> <span class="s2">&quot;1&quot;</span><span class="p">,</span>
    <span class="s2">&quot;action&quot;</span><span class="p">:</span> <span class="s2">&quot;list_ex&quot;</span><span class="p">,</span>
    <span class="s2">&quot;begin&quot;</span><span class="p">:</span> <span class="s2">&quot;0&quot;</span><span class="p">,</span>
    <span class="s2">&quot;count&quot;</span><span class="p">:</span> <span class="s2">&quot;5&quot;</span><span class="p">,</span>
    <span class="s2">&quot;query&quot;</span><span class="p">:</span> <span class="s2">&quot;&quot;</span><span class="p">,</span>
    <span class="s2">&quot;fakeid&quot;</span><span class="p">:</span> <span class="s2">&quot;MzIyODI1MzYyNA==&quot;</span><span class="p">,</span><span class="c1">#玉树芝兰的fakeid</span>
    <span class="s2">&quot;type&quot;</span><span class="p">:</span> <span class="s2">&quot;9&quot;</span><span class="p">,</span>
<span class="p">}</span>



<span class="n">content_list</span><span class="o">=</span><span class="p">[]</span>

<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">5</span><span class="p">):</span>
    <span class="n">data</span><span class="p">[</span><span class="s2">&quot;begin&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="n">i</span><span class="o">*</span><span class="mi">5</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">data</span><span class="p">[</span><span class="s2">&quot;begin&quot;</span><span class="p">])</span>
    <span class="n">time</span><span class="o">.</span><span class="n">sleep</span><span class="p">(</span><span class="mi">5</span><span class="p">)</span>
    <span class="c1"># 使用get方法进行提交</span>
    <span class="n">content_json</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">url</span><span class="p">,</span> <span class="n">headers</span><span class="o">=</span><span class="n">headers</span><span class="p">,</span> <span class="n">params</span><span class="o">=</span><span class="n">data</span><span class="p">)</span><span class="o">.</span><span class="n">json</span><span class="p">()</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">content_json</span><span class="p">)</span>
    <span class="c1"># 返回了一个json，里面是每一页的数据</span>
    <span class="k">for</span> <span class="n">item</span> <span class="ow">in</span> <span class="n">content_json</span><span class="p">[</span><span class="s2">&quot;app_msg_list&quot;</span><span class="p">]:</span>
    <span class="c1"># 提取每页文章的标题及对应的url</span>
        <span class="n">items</span> <span class="o">=</span> <span class="p">[]</span>
        <span class="n">items</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">item</span><span class="p">[</span><span class="s2">&quot;title&quot;</span><span class="p">])</span>
        <span class="n">items</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">item</span><span class="p">[</span><span class="s2">&quot;link&quot;</span><span class="p">])</span>
        <span class="n">items</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">item</span><span class="p">[</span><span class="s2">&quot;create_time&quot;</span><span class="p">])</span>
        <span class="n">content_list</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">items</span><span class="p">)</span>


<span class="n">name</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;title&#39;</span><span class="p">,</span><span class="s1">&#39;link&#39;</span><span class="p">,</span><span class="s1">&#39;create_time&#39;</span><span class="p">]</span>
<span class="n">test</span><span class="o">=</span><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">(</span><span class="n">columns</span><span class="o">=</span><span class="n">name</span><span class="p">,</span><span class="n">data</span><span class="o">=</span><span class="n">content_list</span><span class="p">)</span>
<span class="c1">#with pd.ExcelWriter(fn[&quot;output&quot;][&quot;公众号_xlsx&quot;].format(公众号=&quot;玉树芝兰_requests&quot;)) as writer:</span>
<span class="c1">#    test.to_excel(writer)</span>

<span class="c1"># test.to_csv(&quot;../微信公众号爬虫_zhichao/南方周末.csv&quot;,mode=&#39;a&#39;,encoding=&#39;utf-8&#39;)</span>
<span class="c1"># print(&quot;保存成功&quot;)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>0
{&#39;app_msg_cnt&#39;: 203, &#39;app_msg_list&#39;: [{&#39;aid&#39;: &#39;2653540806_1&#39;, &#39;album_id&#39;: &#39;1339195592689549313&#39;, &#39;appmsgid&#39;: 2653540806, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvib7401VPHibcicChaa9Mow607g2JzoZ2aGCI9Pq3a46N6RNZnBzNa0k5tiaTj25eiapEVzKV71QjCkQQ/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1589360832, &#39;digest&#39;: &#39;要让你的优秀作品在选拔中替你说话。而好的作品，需要时光的雕刻。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540806&amp;idx=1&amp;sn=2e40ec2d254c63d1c95856208814adfd&amp;chksm=f389bb11c4fe3207d9269f229588ff7d592f5268616e9f91e4506c72655af8d0488738f78f1e#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;大一就开始准备考研，合适吗？&#39;, &#39;update_time&#39;: 1589360832}, {&#39;aid&#39;: &#39;2653540789_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540789, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtfds6VFs8mM2EI4tv51z43ySzmzOveFnwq9Pia3G1UOIsm1Zht1kZUCtzG9p9AicMWnAsia9qGFstmw/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1588674888, &#39;digest&#39;: &#39;推荐给你一款最新的免费工具，解决你英文改写润色的后顾之忧。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540789&amp;idx=1&amp;sn=d2562da2dc5e86a69ae16a028c02915b&amp;chksm=f389bb62c4fe32749c23fd6d70c8a4fcbd10e3969c5e6eb2b5f6e86bf8bc5d19ac7e374981e3#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何用人工智能免费帮你改英文？&#39;, &#39;update_time&#39;: 1588674888}, {&#39;aid&#39;: &#39;2653540778_1&#39;, &#39;album_id&#39;: &#39;1339183650063220738&#39;, &#39;appmsgid&#39;: 2653540778, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAthWnZzHYEHEYo12EcrOmBHr3LFpsia0ybuVJXLsowiaYOWaJZ3zc8BeOQeAttZ31TSicaBlTiaNdABtQ/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1588072166, &#39;digest&#39;: &#39;怎样把琐碎的「文献采集」、「标注笔记」、「整合引用」，和「样式输出」一气呵成地自动化搞定？&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 1, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540778&amp;idx=1&amp;sn=b614b519ac2e30ece6a020ee9a2cf716&amp;chksm=f389bb7dc4fe326b179498bee21774e7f0b10b3c761e4661944c530fcfc2f7f378d2f947340d#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效做文献回顾？（工具篇）&#39;, &#39;update_time&#39;: 1588072166}, {&#39;aid&#39;: &#39;2653540768_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540768, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAstPZ1OqLj8kx9CSiafv9GVNuD4yjK93JichSBIUcECBGMaJRiag3UrrXSZ12d3dHQ9F2yaNcy4m768w/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1587391737, &#39;digest&#39;: &#39;「工欲善其事，必先利其器。」想要用好卡片式笔记进行学习与创作，没有一款趁手的工具怎么行？这一讲，我为你介绍卡片式笔记工具 Roam Research 的一些基本功能。希望你能感受到我第一次看到它时的惊艳。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 5, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540768&amp;idx=1&amp;sn=f4cdff85383be13c41662f0ab4f522b6&amp;chksm=f389bb77c4fe32611d4666dbb30985bd01accdf354319721cbddc0ab50a46f72052f5c65ff5e#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;卡片式笔记工具 Roam Research 介绍&#39;, &#39;update_time&#39;: 1587391737}, {&#39;aid&#39;: &#39;2653540764_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540764, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvYf0RttvmH3uNia5Zbr3iahr4CycibA9ecma8vLvS6K9Ks5klB8zquMuveiaZfF5BT7qr0OxsjhKB4Lw/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1586647921, &#39;digest&#39;: &#39;会当凌绝顶，一览众山小。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540764&amp;idx=1&amp;sn=b192edb5b54b2c04f814fa1b4e94bf02&amp;chksm=f389bb4bc4fe325dbd969500dce4f9efff1217de584340a4a2a5e974078b08d377533b1f7aa4#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何交互可视化你的卡片式笔记网络？&#39;, &#39;update_time&#39;: 1586647921}], &#39;base_resp&#39;: {&#39;err_msg&#39;: &#39;ok&#39;, &#39;ret&#39;: 0}}
5
{&#39;app_msg_cnt&#39;: 203, &#39;app_msg_list&#39;: [{&#39;aid&#39;: &#39;2653540753_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540753, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAsmNBmKdWVaZiaG5QVru1MY3b0C9XjPMvHsPy7GVVDohXCrSFYhqUDItiaDCSXgaHVgzvfVNUp8FDcw/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1585188990, &#39;digest&#39;: &#39;你好！我是王树义老师。最近流行线上教学。有位朋友准备尝试把线下培训转移到线上，希望我能给提出一些建议。我于是做了这个分享。如果你正准备开始线上教学，希望这个视频能帮你少踩一些坑。如果你已经有了一段时间的教学经验，我也希望和你切磋交流，一起提升咱们的线上教学质量。如果你对本视频讲述的内容有疑问，或者要提出批评建议，欢迎留言。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 5, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540753&amp;idx=1&amp;sn=a0cdbe7c918e83e34b18881ebe50f272&amp;chksm=f389bb46c4fe32508a6981d4fe0502905bd9a9f8900501bf5f9d454345f7ebcc7228e1a5b33f#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;线上教学心得&#39;, &#39;update_time&#39;: 1585188990}, {&#39;aid&#39;: &#39;2653540745_1&#39;, &#39;album_id&#39;: &#39;1339195592689549313&#39;, &#39;appmsgid&#39;: 2653540745, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvEcelEQLnnIuJCbeIpLpjO67Mf5yKeLFgt4bfHwwibMjOJFDtd64AmhMeg6H6z51WLBXB6tYJoia6g/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1584072711, &#39;digest&#39;: &#39;我有一个坏消息，和一个好消息，你想先听哪个？&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540745&amp;idx=1&amp;sn=e0f4f6224834dce897bfb9a441334aef&amp;chksm=f389bb5ec4fe32487faa3b35ac2bbe55b72327ac3a46c7dc41b65e97fc330f1d23d4e21d9ef8#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;扩招了，你的研究生学历会不会贬值？&#39;, &#39;update_time&#39;: 1584072711}, {&#39;aid&#39;: &#39;2653540740_1&#39;, &#39;album_id&#39;: &#39;1339183650063220738&#39;, &#39;appmsgid&#39;: 2653540740, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAuUPZbgcjCYwib0v1I3BZKOXnLUiaPAAKBlAYXYBiaibzfMtXBKZxTSGI71ricRs0FpH1c26IUX4ibChErA/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1583760290, &#39;digest&#39;: &#39;横看成岭侧成峰，远近高低各不同。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540740&amp;idx=1&amp;sn=67869ae1f36c45f06c637e07fe775a2f&amp;chksm=f389bb53c4fe32451762eafdd83c7699245dc73d60f95080f3fe0d6220f511e9ad1ee0fe5bf6#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何用卡片法写论文？&#39;, &#39;update_time&#39;: 1583760290}, {&#39;aid&#39;: &#39;2653540733_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540733, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAuiaE6hDlry6ic21BvLaxgbF131bzPyUEs0fSNYsdqDl7TO279qhJVDKFMoVG0ov3vN8BqicaW9qdl7w/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1582636402, &#39;digest&#39;: &#39;这种诸多写作高手推荐的方法，实践起来为何这么困难？咱们来聊聊。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540733&amp;idx=1&amp;sn=2d3ccf04a0086c6137b06c731e0805c4&amp;chksm=f389bbaac4fe32bc2c7e565dbfe954474dc2f16d884b0f6743f2adfe3447b0109fd74901b941#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效实践卡片式写作？&#39;, &#39;update_time&#39;: 1582636402}, {&#39;aid&#39;: &#39;2653540728_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540728, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAuY2VrwcyA28icUeGicYLMkicbjhUI4VdcloicMTNBDHOB5nqeyp5dGrNibjt996qagib5GjoJ5nXuE8UcQ/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1581322334, &#39;digest&#39;: &#39;希望这些推荐，可以帮助你更加安心、健康地宅在家里。为抗击疫情、阻断病毒、安定社会，做出自己的一份贡献。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540728&amp;idx=1&amp;sn=339f2e2406426c5e79ad855a6551ad26&amp;chksm=f389bbafc4fe32b9f5982782aec37ed36757f8d3bca9c773576f6ae29cf225c6a77fbcff63cd#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;抗疫宅家，给你推荐几个隔离工具&#39;, &#39;update_time&#39;: 1581322334}], &#39;base_resp&#39;: {&#39;err_msg&#39;: &#39;ok&#39;, &#39;ret&#39;: 0}}
10
{&#39;app_msg_cnt&#39;: 203, &#39;app_msg_list&#39;: [{&#39;aid&#39;: &#39;2653540724_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540724, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtOdOLWAm4zzNeD9AmV9Lche5Tw5AlTQDAPotejd1o0iaJuAvyVnsNKWNRb1yzC6LlmaDaAL4yMDxQ/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1581150496, &#39;digest&#39;: &#39;推荐给你一门好课。帮你在研究方法武器库中，添上复杂系统仿真这一项。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540724&amp;idx=1&amp;sn=713050c012d7724bf8a3240991b05859&amp;chksm=f389bba3c4fe32b54f27599185bfd09d31025a86f78f585c10c95a6ada96d663a8a44e58b3ed#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效入门复杂系统仿真？&#39;, &#39;update_time&#39;: 1581150496}, {&#39;aid&#39;: &#39;2653540719_1&#39;, &#39;album_id&#39;: &#39;1339178811027587075&#39;, &#39;appmsgid&#39;: 2653540719, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtjvnxO9nPT8iaAeibiaG6B4iaWgfoNdT2ZDoSdrkzqibDrxGActYVlG11LbLpiaLdpm13XhsmjbXSqXD7Q/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1579502752, &#39;digest&#39;: &#39;不用学前端编程，你就能用 Python 简单高效写出漂亮的交互式 Web 应用，将你的数据分析成果立即展示给团队和客户。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540719&amp;idx=1&amp;sn=226b8ffaa92d7b21a81d3d3bda28ba6b&amp;chksm=f389bbb8c4fe32ae1c192fa5c2888b54057b6ecb02bf63c20ea5930fa204c792bf33b24f0fbd#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何用纯 Python 写 Web 应用？&#39;, &#39;update_time&#39;: 1579502752}, {&#39;aid&#39;: &#39;2653540714_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540714, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtdgrJqYOuIMA2ogE2OUrhYrKibN7tBFtzGRM0vCDHHEFe9thLHkiaQ4beRxHtNwF8ZmicKPmptxWBMA/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1579265586, &#39;digest&#39;: &#39;想把 iPhone 上的操作流程录制下来，通过朋友圈分享给小伙伴？这几个小技巧可能对你有用。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540714&amp;idx=1&amp;sn=bfa3615317cfaf371386a52312d4f059&amp;chksm=f389bbbdc4fe32ab00d97bd1b34bfad67115afa995d76797818a359bfa4c2aaa193312c2fd5f#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何在朋友圈演示你的 iPhone 操作过程？&#39;, &#39;update_time&#39;: 1579265586}, {&#39;aid&#39;: &#39;2653540707_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540707, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAsDgZVNXkeEcIXHCDqR8MUSqCj5UnTvVWuicHE18NyLovYJia5KowoR0hqL7O4QJYCcHuBfyZM19jlg/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1577197630, &#39;digest&#39;: &#39;数据分析的门槛在降低，希望你能及时意识到。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540707&amp;idx=1&amp;sn=5253093da915156d28c9f5bb91d957e1&amp;chksm=f389bbb4c4fe32a25b71b802613b972ae9514ac935092630820fc985f56e782074331833f9dc#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何不写 SQL ，探索和分析数据库？&#39;, &#39;update_time&#39;: 1577226000}, {&#39;aid&#39;: &#39;2653540699_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540699, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvYGfv1DQGBO3JIeLWGNj908uJQHwUqmZw1GbuicsmoyhHkgkGOs5ySoptjwP9x1SI324W79APia6Ig/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1576208645, &#39;digest&#39;: &#39;祝好运气！&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 0, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540699&amp;idx=1&amp;sn=b4cc0ea725350b93d14ee3eb0b5d9180&amp;chksm=f389bb8cc4fe329ac6289b9fa74827278d0f84fbc81e67e655661e8762cdc515af23eb0b39d9#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;【福利】《巴拉巴西成功定律》抽奖赠书&#39;, &#39;update_time&#39;: 1576208645}], &#39;base_resp&#39;: {&#39;err_msg&#39;: &#39;ok&#39;, &#39;ret&#39;: 0}}
15
{&#39;app_msg_cnt&#39;: 203, &#39;app_msg_list&#39;: [{&#39;aid&#39;: &#39;2653540692_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540692, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvrnl9s5GfM5HsDXFibP1KmjcjEic8HFPnxlca3gAawQCTs7VBZwTOicNzw5ic2Dt14TESMfibB8ickXusA/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1576159121, &#39;digest&#39;: &#39;给你推荐一本“武器级”图书。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540692&amp;idx=1&amp;sn=21c296472df734f2d82f30b9e9af04d8&amp;chksm=f389bb83c4fe3295bfed33191fe4f48e673034a2dc86b9b2d4082eebc24a69558f691cc678ef#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何科学地获得成功？&#39;, &#39;update_time&#39;: 1576159121}, {&#39;aid&#39;: &#39;2653540688_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540688, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtyI6hsg2YdqaAsZAZ7dEX846jf0a9r4yoljLh21L88Mia81E04zXcfbjz7NkQ6nDKPO1viah8X571Q/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1575895803, &#39;digest&#39;: &#39;PyTorch 入门，坑着实不少。咱们来谈谈，如何选个合适的教程，避开它们。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540688&amp;idx=1&amp;sn=668e9a979b79dc589c6e5b74aff92bcd&amp;chksm=f389bb87c4fe3291d4ff1f1e34178362e91273e2ce3849da546ae6743039877acef6a8da50dc#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效入门 PyTorch ？&#39;, &#39;update_time&#39;: 1575895803}, {&#39;aid&#39;: &#39;2653540684_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540684, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAs95Eib8kupxoa1Q3vnvWuCsV45tBDeVbTnibugUPaockJZgLgyhGpiaQAA1QboSkaHVbbIswmCWes1g/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1574072422, &#39;digest&#39;: &#39;毕业论文字数要求太多，写起来很苦恼？把我新发现的写作利器分享给你。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540684&amp;idx=1&amp;sn=36a64c276264680fa54f060970118f94&amp;chksm=f389bb9bc4fe328d4bc245718e086a40b9ba27ace93e967bc9de281d06802264f88f8a8b60dd#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效写长文？&#39;, &#39;update_time&#39;: 1574072422}, {&#39;aid&#39;: &#39;2653540680_1&#39;, &#39;album_id&#39;: &#39;1339183650063220738&#39;, &#39;appmsgid&#39;: 2653540680, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAsN7r4UzicwNR7Np7P7UD8iamghsDBvQlkTDpdl0eTOSbYqYVlBhbibBBMSmwA7AU77Bhtv2Jraq21mg/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1572915307, &#39;digest&#39;: &#39;悄悄告诉你几个窍门。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540680&amp;idx=1&amp;sn=6dfb8f84507c5c974f4a3eb8300ba22c&amp;chksm=f389bb9fc4fe328931fe1193d4819d2cda36e9af82f0aac39a9913b8705ec7df439c944fadd3#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;论文读不懂怎么办？&#39;, &#39;update_time&#39;: 1572915307}, {&#39;aid&#39;: &#39;2653540676_1&#39;, &#39;album_id&#39;: &#39;1339183650063220738&#39;, &#39;appmsgid&#39;: 2653540676, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAscVvTI2lJdDAgzWtaBmgeBYHqd7NoJctbqMcwtC5WDNE07gibMpsmH4r8kHktymEXCFQmgt6WkL6w/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1571644554, &#39;digest&#39;: &#39;用产品经理的视角，找寻论文专业读者的知识需求。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540676&amp;idx=1&amp;sn=7ff14b24e2a1987141385b2dd4e6a738&amp;chksm=f389bb93c4fe32859369249715b6104144bea7a364122cc58a0daad9504c79d34e74c993ddf8#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何与导师有效沟通你的论文选题？&#39;, &#39;update_time&#39;: 1571644554}], &#39;base_resp&#39;: {&#39;err_msg&#39;: &#39;ok&#39;, &#39;ret&#39;: 0}}
20
{&#39;app_msg_cnt&#39;: 203, &#39;app_msg_list&#39;: [{&#39;aid&#39;: &#39;2653540672_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540672, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtD2h49twibLXhsYVDZPLDCicAqn9ib9LpG0bBzUzY29VuYlVJ6TT1Z220A6muiay31rmE61K3iaiakRQqA/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1570284102, &#39;digest&#39;: &#39;工欲善其事，必先利其器。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540672&amp;idx=1&amp;sn=5be1b09e9ea2e07d1fa9eec72d83e806&amp;chksm=f389bb97c4fe3281c2d3826ab197dc5780bfac5651815e30b67efdd9aa3417fde71c05868b10#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效写作公众号文章？&#39;, &#39;update_time&#39;: 1570284101}, {&#39;aid&#39;: &#39;2653540664_1&#39;, &#39;album_id&#39;: &#39;1339178811027587075&#39;, &#39;appmsgid&#39;: 2653540664, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAsN0LR2icSqBE9DykHibtCCiaRbwXTMXGd8d4cjmcNa4B8TOnPqM5XDpqVH9URdObxIrD5Wpqut9azCw/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1569423942, &#39;digest&#39;: &#39;简单、直接、高效地从文本中提炼关键内容。让你体验正则表达式的威力。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540664&amp;idx=1&amp;sn=fbd0088427d8133b80964e010df2494d&amp;chksm=f389bbefc4fe32f9a2b1255779e67cbfb49259a6d43e1261d94abcc0ae4ea8adef87719038cd#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何用 Python 和正则表达式抽取文本结构化信息？&#39;, &#39;update_time&#39;: 1569450600}, {&#39;aid&#39;: &#39;2653540660_1&#39;, &#39;album_id&#39;: &#39;1339183650063220738&#39;, &#39;appmsgid&#39;: 2653540660, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvQZ7b6ejaQbvcluGp4oib1MHejsELabnqXs90DMgnC1loWt2bT0KDZsqFg6vItJFzptKoxYDgPhicg/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1568599343, &#39;digest&#39;: &#39;四大心法，助你写出更好的“第一封邮件”。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540660&amp;idx=1&amp;sn=fef006a155a52385c124394b5187d48d&amp;chksm=f389bbe3c4fe32f5c91ab7c4fcbe52a5a02a6cf4b17130626f9163253302de16ee453c08be57#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;给导师的套磁信该怎么写？&#39;, &#39;update_time&#39;: 1568599343}, {&#39;aid&#39;: &#39;2653540656_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540656, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAt3jsNzUCrtKsF92icYqOOQkvVYePBhKftLceNjNXFpqVpjibXmnwH9zPkPXDqahHBnfrQEZc9j42IQ/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1567952134, &#39;digest&#39;: &#39;解决眼高手低，促进触类旁通。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540656&amp;idx=1&amp;sn=336e3c9284b15cf24c38d063468ed79e&amp;chksm=f389bbe7c4fe32f1df04ae208ab4350d95503db8deeff3e8c44b3be164af53823f47067e2d6c#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;“没有灵魂”的AI作诗，有啥用？&#39;, &#39;update_time&#39;: 1567952133}, {&#39;aid&#39;: &#39;2653540651_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540651, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtGjgSicRCRsty9hpY7eQhgGTJMibOcK6d4GkjRUOw26sQhZ7Emzic0rvA75wN2lC8wga9zAl7HmYrAw/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1566999097, &#39;digest&#39;: &#39;听好了，你只有两个选项……&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540651&amp;idx=1&amp;sn=5f729b88363d17ca199e10906756331a&amp;chksm=f389bbfcc4fe32eac8cbb14e7b4df586914cc823fa10a160f4c19edc0c8ad450cf3af5be738c#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;美国人喜欢工会吗？&#39;, &#39;update_time&#39;: 1566999097}], &#39;base_resp&#39;: {&#39;err_msg&#39;: &#39;ok&#39;, &#39;ret&#39;: 0}}
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h1 id="&#37319;&#38598;&#20844;&#20247;&#21495;&#65288;selenium&#65289;">&#37319;&#38598;&#20844;&#20247;&#21495;&#65288;selenium&#65289;<a class="anchor-link" href="#&#37319;&#38598;&#20844;&#20247;&#21495;&#65288;selenium&#65289;">&#182;</a></h1>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[5]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
<span class="kn">from</span> <span class="nn">lxml.html</span> <span class="k">import</span> <span class="n">fromstring</span>
<span class="kn">import</span> <span class="nn">time</span>
<span class="kn">from</span> <span class="nn">random</span> <span class="k">import</span> <span class="n">random</span>

<span class="c1"># when selenium main_content is used</span>
<span class="c1"># Parses an HTML document from a string constant.  Returns the root nood</span>
<span class="c1"># root = fromstring(df.loc[1,&quot;html_snippets&quot;]) </span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h2 id="&#20351;&#29992;Selenium">&#20351;&#29992;Selenium<a class="anchor-link" href="#&#20351;&#29992;Selenium">&#182;</a></h2><ul>
<li>要更改 opts.binary_location 至自己本地的Chrome浏览器，建议portable</li>
<li>Chrome浏览器 和 chromedriver.exe要同版本号到小数后一位</li>
<li>要确保可以 开启浏览器机器人</li>
<li>要确保浏览器机器人 可以打开网页 driver.get("<a href="https://mp.weixin.qq.com">https://mp.weixin.qq.com</a>")</li>
</ul>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[84]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">selenium</span> <span class="k">import</span> <span class="n">webdriver</span>
<span class="kn">from</span> <span class="nn">selenium.webdriver.common.desired_capabilities</span> <span class="k">import</span> <span class="n">DesiredCapabilities</span>

<span class="c1">#caps=dict()</span>
<span class="c1">#caps[&quot;pageLoadStrategy&quot;] = &quot;none&quot;   # Do not wait for full page load</span>

<span class="n">opts</span> <span class="o">=</span> <span class="n">webdriver</span><span class="o">.</span><span class="n">ChromeOptions</span><span class="p">()</span>
<span class="n">opts</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--no-sandbox&#39;</span><span class="p">)</span><span class="c1">#解决DevToolsActivePort文件不存在的报错</span>
<span class="n">opts</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;window-size=1920x3000&#39;</span><span class="p">)</span> <span class="c1">#指定浏览器分辨率</span>
<span class="n">opts</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--disable-gpu&#39;</span><span class="p">)</span> <span class="c1">#谷歌文档提到需要加上一这个属性来规避bug</span>
<span class="n">opts</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="s1">&#39;--hide-scrollbars&#39;</span><span class="p">)</span> <span class="c1">#隐藏滚动条, 应对些特殊页面</span>
<span class="c1">#opts.add_argument(&#39;blink-settings=imagesEnabled=false&#39;) #不加载图片, 提升速度</span>
<span class="c1">#opts.add_argument(&#39;--headless&#39;) #浏览器不提供可视化页面. linux下如果系统不支持可视化不加这条会启动失败</span>

<span class="n">opts</span><span class="o">.</span><span class="n">binary_location</span> <span class="o">=</span> <span class="sa">r</span><span class="s2">&quot;C:\Program Files (x86)\Google\Chrome\Application\chrome.exe&quot;</span> <span class="c1">#&quot;H:\_coding_\Gitee\InternetNewMedia\CapstonePrj2016\chromedriver.exe&quot;  </span>

<span class="c1"># &quot;H:\_coding_\Gitee\InternetNewMedia\CapstonePrj2016\chromedriver.exe&quot;  </span>
<span class="n">driver</span> <span class="o">=</span> <span class="n">webdriver</span><span class="o">.</span><span class="n">Chrome</span><span class="p">(</span> <span class="n">chrome_options</span> <span class="o">=</span> <span class="n">opts</span><span class="p">)</span> <span class="c1">#desired_capabilities=caps,</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stderr output_text">
<pre>D:\anaconda\lib\site-packages\ipykernel_launcher.py:18: DeprecationWarning: use options instead of chrome_options
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[85]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">driver</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s2">&quot;https://mp.weixin.qq.com&quot;</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h2 id="&#22635;&#34920;&#30331;&#20837;">&#22635;&#34920;&#30331;&#20837;<a class="anchor-link" href="#&#22635;&#34920;&#30331;&#20837;">&#182;</a></h2>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>selenium 的定位方法</p>
<ul>
<li>find_element_by_id &ensp;&ensp;&ensp;  根据标签id定位</li>
<li>find_element_by_name   &ensp;&ensp;&ensp; 根据标签的name定位</li>
<li>find_element_by_xpath  &ensp;&ensp;&ensp; 根据xpath定位</li>
<li>find_element_by_link_text  &ensp;&ensp;&ensp; 通过文字链接来定位元素</li>
<li>find_element_by_partial_link_text  &ensp;&ensp;&ensp;  通过文字链接来定位元素</li>
<li>find_element_by_tag_name  &ensp;&ensp;&ensp;  根据标签的名字定位</li>
<li>find_element_by_class_name  &ensp;&ensp;&ensp; 通过class name 定位</li>
<li>find_element_by_css_selector  &ensp;&ensp;&ensp;  根据元素属性来定位</li>
</ul>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[86]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">payload</span> <span class="o">=</span>  <span class="p">{</span><span class="s2">&quot;account&quot;</span><span class="p">:</span> <span class="s2">&quot;515695070@qq.com&quot;</span><span class="p">,</span> <span class="s2">&quot;password&quot;</span><span class="p">:</span> <span class="s2">&quot;********&quot;</span><span class="p">}</span>
<span class="c1"># payload =  {&quot;account&quot;: &quot;NFUHacks@163.com&quot;, &quot;password&quot;: &quot;NFU706947580&quot;}</span>
<span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//div[@class=&quot;login__type__container login__type__container__scan&quot;]/a&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>WebDriver 常用方法：</p>
<ul>
<li>clear()清楚文本</li>
<li>send_keys(values)模拟按键输入</li>
<li>click()模拟点击</li>
<li>submit模拟提交</li>
</ul>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[87]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//form[@class=&quot;login_form&quot;]//input[@name=&quot;account&quot;]&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">clear</span><span class="p">()</span>
<span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//form[@class=&quot;login_form&quot;]//input[@name=&quot;account&quot;]&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">send_keys</span><span class="p">(</span><span class="n">payload</span><span class="p">[</span><span class="s1">&#39;account&#39;</span><span class="p">])</span>
<span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//form[@class=&quot;login_form&quot;]//input[@name=&quot;password&quot;]&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">clear</span><span class="p">()</span>
<span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//form[@class=&quot;login_form&quot;]//input[@name=&quot;password&quot;]&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">send_keys</span><span class="p">(</span><span class="n">payload</span><span class="p">[</span><span class="s1">&#39;password&#39;</span><span class="p">])</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[88]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//div[@class=&quot;login_btn_panel&quot;]/a&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h2 id="&#28857;&#36873;&#21333;">&#28857;&#36873;&#21333;<a class="anchor-link" href="#&#28857;&#36873;&#21333;">&#182;</a></h2>
</div>
</div>
</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>其他常用方法</p>
<ul>
<li>size：返回元素的尺寸</li>
<li>text：获取元素的文本</li>
<li>get_attribute：获取属性值  &ensp;&ensp;&ensp; get_attribute('innerHTML')获取元素内的全部HTML</li>
<li>is_displayed()：设置该元素用户是否可见</li>
</ul>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[89]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//a[@id=&quot;m_open&quot;]&#39;</span><span class="p">)</span>
<span class="n">element</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
<span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="n">main_content</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[89]:</div>




<div class="output_text output_subarea output_execute_result">
<pre>&#39;展开&#39;</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[90]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">driver</span><span class="o">.</span><span class="n">execute_script</span><span class="p">(</span><span class="s2">&quot;window.scrollTo(0,document.body.scrollHeight)&quot;</span><span class="p">)</span><span class="c1">#调用js execute_script方法，滚动到底部</span>
<span class="c1">#https://www.sohu.com/a/337512498_400309</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[91]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//li[@title[contains(.,&quot;素材管理&quot;)]]/a&#39;</span><span class="p">)</span> 
<span class="c1"># main_content = element.get_attribute(&#39;innerHTML&#39;)</span>
<span class="c1"># main_content</span>
<span class="n">url2</span><span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s2">&quot;href&quot;</span><span class="p">)</span>
<span class="n">url2</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[91]:</div>




<div class="output_text output_subarea output_execute_result">
<pre>&#39;https://mp.weixin.qq.com/cgi-bin/appmsg?begin=0&amp;count=10&amp;t=media/appmsg_list&amp;type=10&amp;action=list&amp;token=1226206916&amp;lang=zh_CN&#39;</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[92]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">driver</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">url2</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h2 id="&#26032;&#24314;&#22270;&#25991;&#28040;&#24687;">&#26032;&#24314;&#22270;&#25991;&#28040;&#24687;<a class="anchor-link" href="#&#26032;&#24314;&#22270;&#25991;&#28040;&#24687;">&#182;</a></h2>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[93]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//*[text()[contains(.,&quot;新建图文消息&quot;)]]&#39;</span><span class="p">)</span> 
<span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="n">main_content</span>
<span class="n">element</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[94]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span> <span class="p">(</span><span class="n">driver</span><span class="o">.</span><span class="n">window_handles</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[&#39;CDwindow-D784CBED556E3BB1406BA4586E2D572A&#39;, &#39;CDwindow-61D50EF9401D921EC812C77C29966BFB&#39;]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[95]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 新建图文消息开了另一分视窗，所以要切换 switch_to </span>
<span class="n">driver</span><span class="o">.</span><span class="n">switch_to</span><span class="o">.</span><span class="n">window</span><span class="p">(</span><span class="n">driver</span><span class="o">.</span><span class="n">window_handles</span><span class="p">[</span><span class="mi">1</span><span class="p">])</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h2 id="&#36229;&#38142;&#25509;">&#36229;&#38142;&#25509;<a class="anchor-link" href="#&#36229;&#38142;&#25509;">&#182;</a></h2>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[96]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//*[text()[contains(.,&quot;超链接&quot;)]]&#39;</span><span class="p">)</span> 
<span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">main_content</span><span class="p">)</span>
<span class="n">element</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>                超链接              
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[25]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 点 选择其他公众号</span>
<span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//*[text()[contains(.,&quot;选择其他公众号&quot;)]]&#39;</span><span class="p">)</span> 
<span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">main_content</span><span class="p">)</span>
<span class="n">element</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>选择其他公众号
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[26]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//form//div[@class=&quot;inner_link_account_area&quot;]//input[@class=&quot;weui-desktop-form__input&quot;]&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">clear</span><span class="p">()</span>
<span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//form//div[@class=&quot;inner_link_account_area&quot;]//input[@class=&quot;weui-desktop-form__input&quot;]&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">send_keys</span><span class="p">(</span><span class="n">公众号</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[27]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 点放大镜搜</span>
<span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//button[@class=&quot;weui-desktop-icon-btn weui-desktop-search__btn&quot;]&#39;</span><span class="p">)</span>
<span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">main_content</span><span class="p">)</span>
<span class="n">element</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>&lt;div class=&#34;weui-desktop-icon weui-desktop-icon__inputSearch weui-desktop-icon__small&#34;&gt;&lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;svg width=&#34;16&#34; height=&#34;16&#34; viewBox=&#34;0 0 16 16&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M11.33 10.007l4.273 4.273a.502.502 0 0 1 .005.709l-.585.584a.499.499 0 0 1-.709-.004L10.046 11.3a6.278 6.278 0 1 1 1.284-1.294zm.012-3.729a5.063 5.063 0 1 0-10.127 0 5.063 5.063 0 0 0 10.127 0z&#34;&gt;&lt;/path&gt;&lt;/svg&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt;&lt;/div&gt;
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[28]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//ul[@class=&quot;inner_link_account_list&quot;]&#39;</span><span class="p">)</span>
<span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">main_content</span><span class="p">)</span>
<span class="n">公众号SERP</span> <span class="o">=</span> <span class="n">main_content</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>&lt;li class=&#34;inner_link_account_item&#34;&gt;&lt;div class=&#34;weui-desktop-vm_primary&#34;&gt;&lt;img src=&#34;http://mmbiz.qpic.cn/mmbiz_png/6fHkSrNbAAtB5gJdSibOsI9jhFcUiaPa8p43t5EIwJric3C1Hy6lBniboZpEZg0Xl2k6PsyvXZ2yQicdibQaBMYmibfAA/0?wx_fmt=png&#34; class=&#34;inner_link_account_avatar&#34;&gt; &lt;strong class=&#34;inner_link_account_nickname&#34;&gt;玉树芝兰&lt;/strong&gt; &lt;i class=&#34;inner_link_account_wechat&#34;&gt;微信号：nkwangshuyi&lt;/i&gt;&lt;/div&gt; &lt;div class=&#34;weui-desktop-vm_default inner_link_account_type&#34;&gt;订阅号&lt;/div&gt;&lt;/li&gt;&lt;li class=&#34;inner_link_account_item&#34;&gt;&lt;div class=&#34;weui-desktop-vm_primary&#34;&gt;&lt;img src=&#34;http://mmbiz.qpic.cn/mmbiz_png/mgZvPLdW5UYYptVKktDeAfeoUAgGskZU9340DBgLDoMyvaUSjCmEibZCuYQyXlwCJkarFpKZe4ym3sLEjKJZ77A/0?wx_fmt=png&#34; class=&#34;inner_link_account_avatar&#34;&gt; &lt;strong class=&#34;inner_link_account_nickname&#34;&gt;芝兰玉树&lt;/strong&gt; &lt;i class=&#34;inner_link_account_wechat&#34;&gt;微信号：promisingkids&lt;/i&gt;&lt;/div&gt; &lt;div class=&#34;weui-desktop-vm_default inner_link_account_type&#34;&gt;服务号&lt;/div&gt;&lt;/li&gt;&lt;li class=&#34;inner_link_account_item&#34;&gt;&lt;div class=&#34;weui-desktop-vm_primary&#34;&gt;&lt;img src=&#34;http://mmbiz.qpic.cn/mmbiz_png/5zdPAcBNnQAN0Lia7c8jyx9qYhhlmTISdWDrXzSeqtktkpCdegCnxtAGz36pj9Sc5YkRxSY54gryZxQyOCicODbQ/0?wx_fmt=png&#34; class=&#34;inner_link_account_avatar&#34;&gt; &lt;strong class=&#34;inner_link_account_nickname&#34;&gt;芝兰玉树li&lt;/strong&gt; &lt;i class=&#34;inner_link_account_wechat&#34;&gt;微信号：hbgsjclly&lt;/i&gt;&lt;/div&gt; &lt;div class=&#34;weui-desktop-vm_default inner_link_account_type&#34;&gt;订阅号&lt;/div&gt;&lt;/li&gt;&lt;li class=&#34;inner_link_account_item&#34;&gt;&lt;div class=&#34;weui-desktop-vm_primary&#34;&gt;&lt;img src=&#34;http://mmbiz.qpic.cn/mmbiz_png/oQu4GufsxrjALoEeB5FsWOCChOOn3VPjLiaVib7GjL6RuibG5Jr7ScoaZUTuOkv1OtibSiaVI7I30rpzQphibBjdACSA/0?wx_fmt=png&#34; class=&#34;inner_link_account_avatar&#34;&gt; &lt;strong class=&#34;inner_link_account_nickname&#34;&gt;芝兰玉树2019&lt;/strong&gt; &lt;i class=&#34;inner_link_account_wechat&#34;&gt;微信号：zhilanyushu2019&lt;/i&gt;&lt;/div&gt; &lt;div class=&#34;weui-desktop-vm_default inner_link_account_type&#34;&gt;订阅号&lt;/div&gt;&lt;/li&gt;&lt;li class=&#34;inner_link_account_item&#34;&gt;&lt;div class=&#34;weui-desktop-vm_primary&#34;&gt;&lt;img src=&#34;http://mmbiz.qpic.cn/mmbiz_png/LzWKYLw2Q0OUpaWRe8QibMMPsPicQ7lwjpkLrElXyGsZpXVfygo9nVwxxb76C3UUicrvtHKP1m2r713WficES4yNdg/0?wx_fmt=png&#34; class=&#34;inner_link_account_avatar&#34;&gt; &lt;strong class=&#34;inner_link_account_nickname&#34;&gt;芝兰玉树书画载道&lt;/strong&gt; &lt;i class=&#34;inner_link_account_wechat&#34;&gt;微信号：未设置&lt;/i&gt;&lt;/div&gt; &lt;div class=&#34;weui-desktop-vm_default inner_link_account_type&#34;&gt;订阅号&lt;/div&gt;&lt;/li&gt;
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[29]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 解析</span>
<span class="n">root</span> <span class="o">=</span> <span class="n">fromstring</span><span class="p">(</span><span class="n">公众号SERP</span><span class="p">)</span> 
<span class="c1">#fromstring() 可以在解抄析xml格式时，将字符串转换为Element对象，解析树的知根节点。</span>
<span class="n">root</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[29]:</div>




<div class="output_text output_subarea output_execute_result">
<pre>&lt;Element div at 0x24a100de318&gt;</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[30]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">主</span> <span class="o">=</span> <span class="n">root</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;//li[@class=&quot;inner_link_account_item&quot;]&#39;</span><span class="p">)</span>

<span class="n">account_list</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">e</span> <span class="ow">in</span> <span class="n">主</span><span class="p">:</span>
    <span class="n">account_nickname</span> <span class="o">=</span> <span class="n">e</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;./div/strong[@class=&quot;inner_link_account_nickname&quot;]&#39;</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">text</span>
    <span class="n">account_wechat</span> <span class="o">=</span> <span class="n">e</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;./div/i[@class=&quot;inner_link_account_wechat&quot;]&#39;</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">text</span>
    <span class="n">account_img</span> <span class="o">=</span> <span class="n">e</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;./div/img/@src&#39;</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span>
    <span class="n">account</span> <span class="o">=</span> <span class="p">{</span><span class="s2">&quot;nickname&quot;</span><span class="p">:</span> <span class="n">account_nickname</span><span class="p">,</span> <span class="s2">&quot;wechat&quot;</span><span class="p">:</span> <span class="n">account_wechat</span><span class="p">,</span> <span class="s2">&quot;img&quot;</span><span class="p">:</span> <span class="n">account_img</span><span class="p">,}</span>
    <span class="n">account_list</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">account</span><span class="p">)</span>

<span class="n">df_account</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">(</span><span class="n">account_list</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[31]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_account</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[31]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>nickname</th>
      <th>wechat</th>
      <th>img</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>玉树芝兰</td>
      <td>微信号：nkwangshuyi</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/6fHkSrNbAAtB5gJ...</td>
    </tr>
    <tr>
      <th>1</th>
      <td>芝兰玉树</td>
      <td>微信号：promisingkids</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/mgZvPLdW5UYYptV...</td>
    </tr>
    <tr>
      <th>2</th>
      <td>芝兰玉树li</td>
      <td>微信号：hbgsjclly</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/5zdPAcBNnQAN0Li...</td>
    </tr>
    <tr>
      <th>3</th>
      <td>芝兰玉树2019</td>
      <td>微信号：zhilanyushu2019</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/oQu4GufsxrjALoE...</td>
    </tr>
    <tr>
      <th>4</th>
      <td>芝兰玉树书画载道</td>
      <td>微信号：未设置</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/LzWKYLw2Q0OUpaW...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[32]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//ul[@class=&quot;inner_link_account_list&quot;]/li&#39;</span><span class="p">)</span>
<span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">main_content</span><span class="p">)</span>
<span class="n">element</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>&lt;div class=&#34;weui-desktop-vm_primary&#34;&gt;&lt;img src=&#34;http://mmbiz.qpic.cn/mmbiz_png/6fHkSrNbAAtB5gJdSibOsI9jhFcUiaPa8p43t5EIwJric3C1Hy6lBniboZpEZg0Xl2k6PsyvXZ2yQicdibQaBMYmibfAA/0?wx_fmt=png&#34; class=&#34;inner_link_account_avatar&#34;&gt; &lt;strong class=&#34;inner_link_account_nickname&#34;&gt;玉树芝兰&lt;/strong&gt; &lt;i class=&#34;inner_link_account_wechat&#34;&gt;微信号：nkwangshuyi&lt;/i&gt;&lt;/div&gt; &lt;div class=&#34;weui-desktop-vm_default inner_link_account_type&#34;&gt;订阅号&lt;/div&gt;
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[33]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 跳转testing</span>
<span class="sd">&#39;&#39;&#39;</span>
<span class="sd">跳转_input = driver.find_element_by_xpath(&#39;//span[@class=&quot;weui-desktop-pagination__form&quot;]/input&#39;)</span>
<span class="sd">跳转_a = driver.find_element_by_xpath(&#39;//span[@class=&quot;weui-desktop-pagination__form&quot;]/a&#39;)</span>
<span class="sd">跳转_input.clear()</span>
<span class="sd">跳转_input.send_keys(2)</span>
<span class="sd">跳转_a.click()</span>
<span class="sd">&#39;&#39;&#39;</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[33]:</div>




<div class="output_text output_subarea output_execute_result">
<pre>&#39;\n跳转_input = driver.find_element_by_xpath(\&#39;//span[@class=&#34;weui-desktop-pagination__form&#34;]/input\&#39;)\n跳转_a = driver.find_element_by_xpath(\&#39;//span[@class=&#34;weui-desktop-pagination__form&#34;]/a\&#39;)\n跳转_input.clear()\n跳转_input.send_keys(2)\n跳转_a.click()\n&#39;</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[34]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 跳转上限</span>
<span class="n">l_e</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_elements_by_xpath</span><span class="p">(</span><span class="s1">&#39;//label[@class=&quot;weui-desktop-pagination__num&quot;]&#39;</span><span class="p">)</span>
<span class="n">l_e_int</span>  <span class="o">=</span> <span class="p">[</span><span class="nb">int</span><span class="p">(</span><span class="n">x</span><span class="o">.</span><span class="n">text</span><span class="p">)</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">l_e</span><span class="p">]</span> 
<span class="nb">print</span> <span class="p">(</span><span class="n">l_e_int</span><span class="p">)</span>
<span class="nb">print</span> <span class="p">(</span><span class="n">l_e_int</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">==</span><span class="n">l_e_int</span><span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">])</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[1, 41]
False
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[35]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">pages</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">range</span><span class="p">(</span><span class="n">l_e_int</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="n">l_e_int</span><span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">]</span><span class="o">+</span><span class="mi">1</span> <span class="p">))</span>
<span class="c1">#print(pages[0:50])</span>
<span class="n">pages</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">range</span><span class="p">(</span><span class="mi">41</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="n">pages</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h2 id="&#24490;&#29615;/&#36941;&#21382;">&#24490;&#29615;/&#36941;&#21382;<a class="anchor-link" href="#&#24490;&#29615;/&#36941;&#21382;">&#182;</a></h2>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[36]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># global varialbes </span>
<span class="n">html_raw</span> <span class="o">=</span> <span class="nb">dict</span><span class="p">()</span>
<span class="n">main_content</span> <span class="o">=</span><span class="s2">&quot;&quot;</span>
<span class="n">element</span> <span class="o">=</span> <span class="kc">None</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[37]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">process_pages</span> <span class="p">(</span><span class="n">pages</span><span class="p">):</span>
    <span class="k">for</span> <span class="n">p</span> <span class="ow">in</span> <span class="n">pages</span><span class="p">:</span>
        <span class="nb">print</span> <span class="p">(</span><span class="n">p</span><span class="p">,</span><span class="n">end</span><span class="o">=</span><span class="s1">&#39;</span><span class="se">\t</span><span class="s1">&#39;</span><span class="p">)</span>

        <span class="n">跳转_input</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//span[@class=&quot;weui-desktop-pagination__form&quot;]/input&#39;</span><span class="p">)</span>
        <span class="n">跳转_a</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//span[@class=&quot;weui-desktop-pagination__form&quot;]/a&#39;</span><span class="p">)</span>
        <span class="n">跳转_input</span><span class="o">.</span><span class="n">clear</span><span class="p">()</span>
        <span class="n">跳转_input</span><span class="o">.</span><span class="n">send_keys</span><span class="p">(</span><span class="n">p</span><span class="p">)</span>
        <span class="n">跳转_a</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>

        <span class="n">time</span><span class="o">.</span><span class="n">sleep</span><span class="p">(</span><span class="mi">45</span><span class="o">+</span><span class="mi">120</span><span class="o">*</span><span class="n">random</span><span class="p">())</span>

        <span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//div[@class=&quot;inner_link_article_list&quot;]&#39;</span><span class="p">)</span>
        <span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
        <span class="c1">#print(main_content)</span>
        <span class="n">html_raw</span><span class="p">[</span><span class="n">p</span><span class="p">]</span> <span class="o">=</span> <span class="n">main_content</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[38]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">process_pages</span><span class="p">(</span><span class="n">pages</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>0	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15	16	17	18	19	20	21	22	23	24	25	26	27	28	29	30	31	32	33	34	35	36	37	38	39	40	</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[39]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">([</span><span class="n">html_raw</span><span class="p">])</span><span class="o">.</span><span class="n">T</span>
<span class="n">df</span><span class="o">.</span><span class="n">columns</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;html_snippets&quot;</span><span class="p">]</span>
<span class="n">df</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[39]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>html_snippets</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>1</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>2</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>3</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>4</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>5</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>6</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>7</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>8</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>9</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>10</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>11</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>12</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>13</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>14</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>15</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>16</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>17</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>18</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>19</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>20</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>21</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>22</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>23</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>24</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>25</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>26</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>27</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>28</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>29</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>30</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>31</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>32</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>33</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>34</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>35</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>36</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>37</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>38</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>39</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>40</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[40]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="o">%</span><span class="k">store</span> html_raw
<span class="kn">import</span> <span class="nn">pickle</span> <span class="c1">#pickle模块实现了用于序列化和反序列化Python对象结构的二进制协议</span>
<span class="n">filehandler</span> <span class="o">=</span> <span class="nb">open</span><span class="p">(</span><span class="s2">&quot;html_raw&quot;</span><span class="p">,</span> <span class="s1">&#39;wb&#39;</span><span class="p">)</span> 
<span class="n">pickle</span><span class="o">.</span><span class="n">dump</span><span class="p">(</span><span class="n">html_raw</span><span class="p">,</span> <span class="n">filehandler</span><span class="p">)</span><span class="c1">#序列化对象，将对象obj保存到文件file中去</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>Stored &#39;html_raw&#39; (dict)
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[41]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_out</span> <span class="o">=</span> <span class="n">df</span><span class="p">[</span><span class="o">~</span><span class="n">df</span><span class="o">.</span><span class="n">duplicated</span><span class="p">()]</span><span class="c1">#删除重复值</span>
<span class="nb">print</span> <span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">df_out</span><span class="p">))</span>
<span class="n">df</span><span class="p">[</span><span class="n">df</span><span class="o">.</span><span class="n">duplicated</span><span class="p">()]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>39
</pre>
</div>
</div>

<div class="output_area">

    <div class="prompt output_prompt">Out[41]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>html_snippets</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>12</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[42]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">try_again</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="n">df</span><span class="p">[</span><span class="n">df</span><span class="o">.</span><span class="n">duplicated</span><span class="p">()]</span><span class="o">.</span><span class="n">index</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">try_again</span><span class="p">)</span>
<span class="n">try_again</span> <span class="o">=</span> <span class="n">try_again</span> <span class="o">+</span> <span class="nb">list</span> <span class="p">(</span><span class="nb">set</span><span class="p">(</span><span class="n">pages</span><span class="p">)</span><span class="o">.</span><span class="n">difference</span><span class="p">(</span><span class="nb">set</span><span class="p">(</span><span class="n">df</span><span class="o">.</span><span class="n">index</span><span class="o">.</span><span class="n">values</span><span class="p">)))</span>
<span class="n">try_again</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[1, 12]
</pre>
</div>
</div>

<div class="output_area">

    <div class="prompt output_prompt">Out[42]:</div>




<div class="output_text output_subarea output_execute_result">
<pre>[1, 12]</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h2 id="&#26242;&#23384;&#26723;">&#26242;&#23384;&#26723;<a class="anchor-link" href="#&#26242;&#23384;&#26723;">&#182;</a></h2>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[43]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1">#filename = fn [&quot;output&quot;] [&quot;公众号_htm_snippets&quot;] </span>
<span class="c1">#df_out.to_csv(filename.format(公众号=公众号), sep=&quot;\t&quot;, encoding=&quot;utf8&quot;)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[44]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">parse_html_snippets</span><span class="p">(</span><span class="n">_snippet_</span><span class="p">):</span>
    <span class="n">root</span> <span class="o">=</span> <span class="n">fromstring</span><span class="p">(</span><span class="n">_snippet_</span><span class="p">)</span> 
    <span class="n">title</span> <span class="o">=</span> <span class="p">[</span><span class="n">x</span><span class="o">.</span><span class="n">text</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">root</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;//div[@class=&quot;inner_link_article_title&quot;]&#39;</span><span class="p">)]</span>
    <span class="n">create_time</span> <span class="o">=</span> <span class="p">[</span><span class="n">x</span><span class="o">.</span><span class="n">text</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">root</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;//div[@class=&quot;inner_link_article_date&quot;]&#39;</span><span class="p">)]</span>
    <span class="n">link</span> <span class="o">=</span> <span class="p">[</span><span class="n">x</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">root</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;//a/@href&#39;</span><span class="p">)]</span>
    <span class="n">_df_</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">({</span><span class="s2">&quot;title&quot;</span><span class="p">:</span><span class="n">title</span><span class="p">,</span> <span class="s2">&quot;create_time&quot;</span><span class="p">:</span> <span class="n">create_time</span><span class="p">,</span> <span class="s2">&quot;link&quot;</span><span class="p">:</span><span class="n">link</span><span class="p">})</span>
    <span class="k">return</span><span class="p">(</span><span class="n">_df_</span><span class="p">)</span>
    
<span class="n">l_df</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">p</span> <span class="ow">in</span> <span class="n">pages</span><span class="p">:</span>
    <span class="n">_df_</span> <span class="o">=</span> <span class="n">parse_html_snippets</span><span class="p">(</span><span class="n">df</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">p</span><span class="p">,</span><span class="s2">&quot;html_snippets&quot;</span><span class="p">])</span>
    <span class="nb">print</span> <span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">_df_</span><span class="p">),</span> <span class="n">end</span><span class="o">=</span><span class="s2">&quot;,&quot;</span><span class="p">)</span>
    <span class="n">l_df</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">_df_</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[45]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_url_out</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">concat</span><span class="p">(</span><span class="n">l_df</span><span class="p">)</span><span class="o">.</span><span class="n">reset_index</span><span class="p">(</span><span class="n">drop</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
<span class="n">df_url_out</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="mi">0</span><span class="p">:</span><span class="mi">20</span><span class="p">]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[45]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>大一就开始准备考研，合适吗？</td>
      <td>2020-05-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>1</th>
      <td>如何用人工智能免费帮你改英文？</td>
      <td>2020-05-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>2</th>
      <td>如何高效做文献回顾？（工具篇）</td>
      <td>2020-04-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>3</th>
      <td>卡片式笔记工具 Roam Research 介绍</td>
      <td>2020-04-20</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>4</th>
      <td>如何交互可视化你的卡片式笔记网络？</td>
      <td>2020-04-12</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>5</th>
      <td>大一就开始准备考研，合适吗？</td>
      <td>2020-05-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>6</th>
      <td>如何用人工智能免费帮你改英文？</td>
      <td>2020-05-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>7</th>
      <td>如何高效做文献回顾？（工具篇）</td>
      <td>2020-04-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>8</th>
      <td>卡片式笔记工具 Roam Research 介绍</td>
      <td>2020-04-20</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>9</th>
      <td>如何交互可视化你的卡片式笔记网络？</td>
      <td>2020-04-12</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>10</th>
      <td>如何用 Python 和 fast.ai 做图像深度迁移学习？</td>
      <td>2018-10-26</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>11</th>
      <td>文科生用机器学习做论文，该写些什么？</td>
      <td>2018-10-18</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>12</th>
      <td>安装 Python 软件包遇错误，怎么办？</td>
      <td>2018-10-09</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>13</th>
      <td>如何用 R 快速了解科研领域？</td>
      <td>2018-09-25</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>14</th>
      <td>《文科生数据科学上手指南》分享</td>
      <td>2018-09-16</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>15</th>
      <td>如何高效入门复杂系统仿真？</td>
      <td>2020-02-08</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>16</th>
      <td>如何用纯 Python 写 Web 应用？</td>
      <td>2020-01-20</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>17</th>
      <td>如何在朋友圈演示你的 iPhone 操作过程？</td>
      <td>2020-01-17</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>18</th>
      <td>如何不写 SQL ，探索和分析数据库？</td>
      <td>2019-12-25</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>19</th>
      <td>【福利】《巴拉巴西成功定律》抽奖赠书</td>
      <td>2019-12-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>20</th>
      <td>如何科学地获得成功？</td>
      <td>2019-12-12</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[46]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_url_out</span><span class="o">.</span><span class="n">tail</span><span class="p">(</span><span class="mi">5</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[46]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>200</th>
      <td>我的MOOC之路（三）——爱恨交加机器学习</td>
      <td>2016-07-06</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>201</th>
      <td>Ulysses一键发送文章到Day One</td>
      <td>2016-07-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>202</th>
      <td>我的MOOC之路（二）——七周学会做搜索引擎</td>
      <td>2016-07-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>203</th>
      <td>微信公众号Markdown Here排版的缺失环节</td>
      <td>2016-07-03</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>204</th>
      <td>我的MOOC之路（一）—— 故事从这里开始</td>
      <td>2016-07-02</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[47]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># tagging 标记</span>
<span class="n">tagging_list</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;&quot;</span><span class="p">,</span><span class="s1">&#39;数据科学&#39;</span><span class="p">,</span><span class="s1">&#39;Python&#39;</span><span class="p">,</span><span class="s1">&#39;数据分析&#39;</span><span class="p">,</span><span class="s1">&#39;可视化&#39;</span><span class="p">,</span><span class="s1">&#39;机器学习&#39;</span><span class="p">,</span><span class="s1">&#39;深度学习&#39;</span><span class="p">,</span><span class="s1">&#39;自然语言处理&#39;</span>\
 <span class="s1">&#39;科研入门知识&#39;</span><span class="p">,</span><span class="s1">&#39;选题&#39;</span><span class="p">,</span><span class="s1">&#39;分析文献&#39;</span><span class="p">,</span><span class="s1">&#39;采集数据&#39;</span><span class="p">,</span><span class="s1">&#39;阅读论文&#39;</span><span class="p">,</span><span class="s1">&#39;写作稿件&#39;</span><span class="p">,</span><span class="s1">&#39;答辩&#39;</span>\
<span class="s1">&#39;效率&#39;</span><span class="p">,</span><span class="s1">&#39;笔记&#39;</span><span class="p">,</span><span class="s1">&#39;写作&#39;</span><span class="p">,</span><span class="s1">&#39;幻灯制作&#39;</span><span class="p">,</span><span class="s1">&#39;视频剪辑&#39;</span>\
<span class="s1">&#39;杂项&#39;</span><span class="p">,</span><span class="s1">&#39;观察&#39;</span><span class="p">,</span><span class="s1">&#39;思考&#39;</span><span class="p">,</span><span class="s1">&#39;记录&#39;</span><span class="p">,</span><span class="s1">&#39;视频&#39;</span><span class="p">,</span> <span class="s1">&#39;书籍&#39;</span> <span class="p">,</span><span class="s1">&#39;就业&#39;</span> <span class="s1">&#39;爬虫&#39;</span><span class="p">]</span> <span class="c1">#overwritable</span>

<span class="n">v_v_list</span> <span class="o">=</span> <span class="p">[]</span>
<span class="c1">#.melt()取消将DataFrame从宽格式转换为长格式。</span>
<span class="k">for</span> <span class="n">tag</span> <span class="ow">in</span> <span class="n">tagging_list</span><span class="p">:</span>
    <span class="n">index_list</span> <span class="o">=</span> <span class="n">df_url_out</span> <span class="p">[</span> <span class="n">df_url_out</span><span class="o">.</span><span class="n">title</span><span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">contains</span><span class="p">(</span><span class="n">tag</span><span class="p">)</span> <span class="p">]</span><span class="o">.</span><span class="n">index</span><span class="o">.</span><span class="n">tolist</span><span class="p">()</span>
    <span class="n">v_v_pairs</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">({</span><span class="n">tag</span><span class="p">:</span><span class="n">index_list</span><span class="p">})</span><span class="o">.</span><span class="n">melt</span><span class="p">()</span><span class="o">.</span><span class="n">set_index</span><span class="p">(</span><span class="s2">&quot;value&quot;</span><span class="p">)</span>
    <span class="n">v_v_list</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">v_v_pairs</span><span class="p">)</span>

<span class="n">df_cat</span> <span class="o">=</span> <span class="n">v_v_list</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span>
<span class="k">for</span> <span class="n">d</span> <span class="ow">in</span> <span class="n">v_v_list</span><span class="p">:</span>
    <span class="n">df_cat</span><span class="o">.</span><span class="n">update</span><span class="p">(</span><span class="n">d</span><span class="p">)</span>
    
<span class="c1"># 尚未标记内容</span>
<span class="n">df_url_out</span><span class="o">.</span><span class="n">loc</span> <span class="p">[</span> <span class="n">df_cat</span><span class="o">.</span><span class="n">query</span><span class="p">(</span><span class="s1">&#39;variable==&quot;&quot;&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">index</span> <span class="p">]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[47]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
    </tr>
    <tr>
      <th>value</th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>大一就开始准备考研，合适吗？</td>
      <td>2020-05-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>1</th>
      <td>如何用人工智能免费帮你改英文？</td>
      <td>2020-05-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>2</th>
      <td>如何高效做文献回顾？（工具篇）</td>
      <td>2020-04-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>5</th>
      <td>大一就开始准备考研，合适吗？</td>
      <td>2020-05-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>6</th>
      <td>如何用人工智能免费帮你改英文？</td>
      <td>2020-05-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>199</th>
      <td>我的MOOC之路（四）——鸟群、股市与微博谣言</td>
      <td>2016-07-11</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>201</th>
      <td>Ulysses一键发送文章到Day One</td>
      <td>2016-07-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>202</th>
      <td>我的MOOC之路（二）——七周学会做搜索引擎</td>
      <td>2016-07-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>203</th>
      <td>微信公众号Markdown Here排版的缺失环节</td>
      <td>2016-07-03</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>204</th>
      <td>我的MOOC之路（一）—— 故事从这里开始</td>
      <td>2016-07-02</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
  </tbody>
</table>
<p>125 rows × 3 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>df_url_out.loc[53].link
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[48]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_url_out</span><span class="p">[</span><span class="n">df_url_out</span><span class="o">.</span><span class="n">duplicated</span><span class="p">()]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[48]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>5</th>
      <td>大一就开始准备考研，合适吗？</td>
      <td>2020-05-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>6</th>
      <td>如何用人工智能免费帮你改英文？</td>
      <td>2020-05-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>7</th>
      <td>如何高效做文献回顾？（工具篇）</td>
      <td>2020-04-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>8</th>
      <td>卡片式笔记工具 Roam Research 介绍</td>
      <td>2020-04-20</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>9</th>
      <td>如何交互可视化你的卡片式笔记网络？</td>
      <td>2020-04-12</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>60</th>
      <td>如何用 Python 和 fast.ai 做图像深度迁移学习？</td>
      <td>2018-10-26</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>61</th>
      <td>文科生用机器学习做论文，该写些什么？</td>
      <td>2018-10-18</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>62</th>
      <td>安装 Python 软件包遇错误，怎么办？</td>
      <td>2018-10-09</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>63</th>
      <td>如何用 R 快速了解科研领域？</td>
      <td>2018-09-25</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>64</th>
      <td>《文科生数据科学上手指南》分享</td>
      <td>2018-09-16</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[49]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_url_out</span><span class="p">[</span><span class="o">~</span><span class="n">df_url_out</span><span class="o">.</span><span class="n">duplicated</span><span class="p">()]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[49]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>大一就开始准备考研，合适吗？</td>
      <td>2020-05-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>1</th>
      <td>如何用人工智能免费帮你改英文？</td>
      <td>2020-05-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>2</th>
      <td>如何高效做文献回顾？（工具篇）</td>
      <td>2020-04-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>3</th>
      <td>卡片式笔记工具 Roam Research 介绍</td>
      <td>2020-04-20</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>4</th>
      <td>如何交互可视化你的卡片式笔记网络？</td>
      <td>2020-04-12</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>200</th>
      <td>我的MOOC之路（三）——爱恨交加机器学习</td>
      <td>2016-07-06</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>201</th>
      <td>Ulysses一键发送文章到Day One</td>
      <td>2016-07-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>202</th>
      <td>我的MOOC之路（二）——七周学会做搜索引擎</td>
      <td>2016-07-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>203</th>
      <td>微信公众号Markdown Here排版的缺失环节</td>
      <td>2016-07-03</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
    <tr>
      <th>204</th>
      <td>我的MOOC之路（一）—— 故事从这里开始</td>
      <td>2016-07-02</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
    </tr>
  </tbody>
</table>
<p>195 rows × 3 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[50]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_o</span> <span class="o">=</span> <span class="n">df_url_out</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">df_cat</span><span class="p">)</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s2">&quot;&quot;</span><span class="p">,</span> <span class="n">np</span><span class="o">.</span><span class="n">nan</span><span class="p">)</span><span class="o">.</span><span class="n">fillna</span><span class="p">(</span><span class="s2">&quot;无法分类&quot;</span><span class="p">)</span>
<span class="n">df_o</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[50]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
      <th>variable</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>大一就开始准备考研，合适吗？</td>
      <td>2020-05-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>1</th>
      <td>如何用人工智能免费帮你改英文？</td>
      <td>2020-05-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>2</th>
      <td>如何高效做文献回顾？（工具篇）</td>
      <td>2020-04-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>3</th>
      <td>卡片式笔记工具 Roam Research 介绍</td>
      <td>2020-04-20</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>笔记</td>
    </tr>
    <tr>
      <th>4</th>
      <td>如何交互可视化你的卡片式笔记网络？</td>
      <td>2020-04-12</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>笔记</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>200</th>
      <td>我的MOOC之路（三）——爱恨交加机器学习</td>
      <td>2016-07-06</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>机器学习</td>
    </tr>
    <tr>
      <th>201</th>
      <td>Ulysses一键发送文章到Day One</td>
      <td>2016-07-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>202</th>
      <td>我的MOOC之路（二）——七周学会做搜索引擎</td>
      <td>2016-07-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>203</th>
      <td>微信公众号Markdown Here排版的缺失环节</td>
      <td>2016-07-03</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>204</th>
      <td>我的MOOC之路（一）—— 故事从这里开始</td>
      <td>2016-07-02</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
  </tbody>
</table>
<p>205 rows × 4 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[51]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_o</span><span class="p">[</span><span class="n">df_o</span><span class="o">.</span><span class="n">title</span><span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">contains</span><span class="p">(</span><span class="s2">&quot;数据&quot;</span><span class="p">)]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[51]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
      <th>variable</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>14</th>
      <td>《文科生数据科学上手指南》分享</td>
      <td>2018-09-16</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>数据科学</td>
    </tr>
    <tr>
      <th>18</th>
      <td>如何不写 SQL ，探索和分析数据库？</td>
      <td>2019-12-25</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>36</th>
      <td>如何免费获得高质量标注数据？</td>
      <td>2019-06-12</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>37</th>
      <td>如何用 Pandas 存取和交换数据？</td>
      <td>2019-05-31</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>40</th>
      <td>数据科学入门后，该做什么？</td>
      <td>2019-05-10</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>数据科学</td>
    </tr>
    <tr>
      <th>42</th>
      <td>文科生 Python 与数据科学入门教材推荐</td>
      <td>2019-04-22</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>Python</td>
    </tr>
    <tr>
      <th>43</th>
      <td>如何用 Python 和 Tensorflow 2.0 神经网络分类表格数据？</td>
      <td>2019-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>Python</td>
    </tr>
    <tr>
      <th>45</th>
      <td>如何将 PDF 表格数据免费转换到 Excel ？</td>
      <td>2019-04-01</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>48</th>
      <td>如何用 Python 和 Pandas 分析犯罪记录开放数据？</td>
      <td>2019-03-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>记录</td>
    </tr>
    <tr>
      <th>56</th>
      <td>数据科学如何助力科研？</td>
      <td>2018-11-30</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>数据科学</td>
    </tr>
    <tr>
      <th>64</th>
      <td>《文科生数据科学上手指南》分享</td>
      <td>2018-09-16</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>数据科学</td>
    </tr>
    <tr>
      <th>73</th>
      <td>如何用4行 R 语句，快速探索你的数据集？</td>
      <td>2018-07-23</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>75</th>
      <td>如何在 GPU 深度学习云服务里，使用自己的数据集？</td>
      <td>2018-07-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>深度学习</td>
    </tr>
    <tr>
      <th>83</th>
      <td>如何用 Python 和 API 收集与分析网络数据？</td>
      <td>2018-05-21</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>Python</td>
    </tr>
    <tr>
      <th>86</th>
      <td>如何高效入门数据科学？</td>
      <td>2018-05-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>数据科学</td>
    </tr>
    <tr>
      <th>97</th>
      <td>如何用Python爬数据？（一）网页抓取</td>
      <td>2018-03-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>Python</td>
    </tr>
    <tr>
      <th>98</th>
      <td>如何用《玉树芝兰》入门数据科学？</td>
      <td>2018-02-22</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>数据科学</td>
    </tr>
    <tr>
      <th>110</th>
      <td>如何用Python读取开放数据？</td>
      <td>2017-12-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>Python</td>
    </tr>
    <tr>
      <th>113</th>
      <td>文科生如何高效学数据科学？</td>
      <td>2017-11-26</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>数据科学</td>
    </tr>
    <tr>
      <th>115</th>
      <td>如何用VOSviewer分析CNKI数据？</td>
      <td>2017-11-12</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>119</th>
      <td>如何用R和API免费获取Web数据？</td>
      <td>2017-10-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[52]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_stats</span> <span class="o">=</span> <span class="n">df_o</span><span class="o">.</span><span class="n">groupby</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="s2">&quot;variable&quot;</span><span class="p">)</span><span class="o">.</span><span class="n">agg</span><span class="p">({</span><span class="s2">&quot;title&quot;</span><span class="p">:</span><span class="s2">&quot;count&quot;</span><span class="p">})</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
<span class="n">df_stats</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[52]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
    </tr>
    <tr>
      <th>variable</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>无法分类</th>
      <td>125</td>
    </tr>
    <tr>
      <th>Python</th>
      <td>38</td>
    </tr>
    <tr>
      <th>机器学习</th>
      <td>9</td>
    </tr>
    <tr>
      <th>数据科学</th>
      <td>7</td>
    </tr>
    <tr>
      <th>视频</th>
      <td>7</td>
    </tr>
    <tr>
      <th>写作</th>
      <td>5</td>
    </tr>
    <tr>
      <th>笔记</th>
      <td>5</td>
    </tr>
    <tr>
      <th>深度学习</th>
      <td>4</td>
    </tr>
    <tr>
      <th>可视化</th>
      <td>2</td>
    </tr>
    <tr>
      <th>思考</th>
      <td>1</td>
    </tr>
    <tr>
      <th>记录</th>
      <td>1</td>
    </tr>
    <tr>
      <th>选题</th>
      <td>1</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[53]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 第二个公众号</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[54]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">公众号1</span> <span class="o">=</span><span class="s2">&quot;Python攻城狮&quot;</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[78]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">data</span> <span class="o">=</span> <span class="p">{</span>
    <span class="s2">&quot;token&quot;</span><span class="p">:</span> <span class="s2">&quot;371814761&quot;</span><span class="p">,</span><span class="c1">#用户唯一的token</span>
    <span class="s2">&quot;lang&quot;</span><span class="p">:</span> <span class="s2">&quot;zh_CN&quot;</span><span class="p">,</span>
    <span class="s2">&quot;f&quot;</span><span class="p">:</span> <span class="s2">&quot;json&quot;</span><span class="p">,</span>
    <span class="s2">&quot;ajax&quot;</span><span class="p">:</span> <span class="s2">&quot;1&quot;</span><span class="p">,</span>
    <span class="s2">&quot;action&quot;</span><span class="p">:</span> <span class="s2">&quot;list_ex&quot;</span><span class="p">,</span>
    <span class="s2">&quot;begin&quot;</span><span class="p">:</span> <span class="s2">&quot;0&quot;</span><span class="p">,</span>
    <span class="s2">&quot;count&quot;</span><span class="p">:</span> <span class="s2">&quot;5&quot;</span><span class="p">,</span>
    <span class="s2">&quot;query&quot;</span><span class="p">:</span> <span class="s2">&quot;&quot;</span><span class="p">,</span>
    <span class="s2">&quot;fakeid&quot;</span><span class="p">:</span> <span class="s2">&quot;MzIyODI1MzYyNA==&quot;</span><span class="p">,</span><span class="c1">#玉树芝兰的fakeid</span>
    <span class="s2">&quot;type&quot;</span><span class="p">:</span> <span class="s2">&quot;9&quot;</span><span class="p">,</span>
<span class="p">}</span>


<span class="n">content_list</span><span class="o">=</span><span class="p">[]</span>

<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">5</span><span class="p">):</span>
    <span class="n">data</span><span class="p">[</span><span class="s2">&quot;begin&quot;</span><span class="p">]</span> <span class="o">=</span> <span class="n">i</span><span class="o">*</span><span class="mi">5</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">data</span><span class="p">[</span><span class="s2">&quot;begin&quot;</span><span class="p">])</span>
    <span class="n">time</span><span class="o">.</span><span class="n">sleep</span><span class="p">(</span><span class="mi">5</span><span class="p">)</span>
    <span class="c1"># 使用get方法进行提交</span>
    <span class="n">content_json</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">url</span><span class="p">,</span> <span class="n">headers</span><span class="o">=</span><span class="n">headers</span><span class="p">,</span> <span class="n">params</span><span class="o">=</span><span class="n">data</span><span class="p">)</span><span class="o">.</span><span class="n">json</span><span class="p">()</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">content_json</span><span class="p">)</span>
    <span class="c1"># 返回了一个json，里面是每一页的数据</span>
    <span class="k">for</span> <span class="n">item</span> <span class="ow">in</span> <span class="n">content_json</span><span class="p">[</span><span class="s2">&quot;app_msg_list&quot;</span><span class="p">]:</span>
    <span class="c1"># 提取每页文章的标题及对应的url</span>
        <span class="n">items</span> <span class="o">=</span> <span class="p">[]</span>
        <span class="n">items</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">item</span><span class="p">[</span><span class="s2">&quot;title&quot;</span><span class="p">])</span>
        <span class="n">items</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">item</span><span class="p">[</span><span class="s2">&quot;link&quot;</span><span class="p">])</span>
        <span class="n">items</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">item</span><span class="p">[</span><span class="s2">&quot;create_time&quot;</span><span class="p">])</span>
        <span class="n">content_list</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">items</span><span class="p">)</span>


<span class="n">name</span><span class="o">=</span><span class="p">[</span><span class="s1">&#39;title&#39;</span><span class="p">,</span><span class="s1">&#39;link&#39;</span><span class="p">,</span><span class="s1">&#39;create_time&#39;</span><span class="p">]</span>
<span class="n">test1</span><span class="o">=</span><span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">(</span><span class="n">columns</span><span class="o">=</span><span class="n">name</span><span class="p">,</span><span class="n">data</span><span class="o">=</span><span class="n">content_list</span><span class="p">)</span>
<span class="k">with</span> <span class="n">pd</span><span class="o">.</span><span class="n">ExcelWriter</span><span class="p">(</span><span class="n">fn</span><span class="p">[</span><span class="s2">&quot;output&quot;</span><span class="p">][</span><span class="s2">&quot;公众号_xlsx&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">公众号</span><span class="o">=</span><span class="s2">&quot;Python攻城狮_requests&quot;</span><span class="p">))</span> <span class="k">as</span> <span class="n">writer</span><span class="p">:</span>
    <span class="n">test1</span><span class="o">.</span><span class="n">to_excel</span><span class="p">(</span><span class="n">writer</span><span class="p">)</span>   
<span class="c1">#writer = pd.ExcelWriter(r&#39;E:\2019-2020\web数据挖掘\wk9\data_sets\公众号_url_玉树芝兰.xlsx&#39;)</span>
<span class="c1">#test1.to_excel(writer, sheet_name=&quot;Python攻城狮&quot;)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>0
{&#39;app_msg_cnt&#39;: 203, &#39;app_msg_list&#39;: [{&#39;aid&#39;: &#39;2653540806_1&#39;, &#39;album_id&#39;: &#39;1339195592689549313&#39;, &#39;appmsgid&#39;: 2653540806, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvib7401VPHibcicChaa9Mow607g2JzoZ2aGCI9Pq3a46N6RNZnBzNa0k5tiaTj25eiapEVzKV71QjCkQQ/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1589360832, &#39;digest&#39;: &#39;要让你的优秀作品在选拔中替你说话。而好的作品，需要时光的雕刻。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540806&amp;idx=1&amp;sn=2e40ec2d254c63d1c95856208814adfd&amp;chksm=f389bb11c4fe3207d9269f229588ff7d592f5268616e9f91e4506c72655af8d0488738f78f1e#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;大一就开始准备考研，合适吗？&#39;, &#39;update_time&#39;: 1589360832}, {&#39;aid&#39;: &#39;2653540789_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540789, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtfds6VFs8mM2EI4tv51z43ySzmzOveFnwq9Pia3G1UOIsm1Zht1kZUCtzG9p9AicMWnAsia9qGFstmw/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1588674888, &#39;digest&#39;: &#39;推荐给你一款最新的免费工具，解决你英文改写润色的后顾之忧。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540789&amp;idx=1&amp;sn=d2562da2dc5e86a69ae16a028c02915b&amp;chksm=f389bb62c4fe32749c23fd6d70c8a4fcbd10e3969c5e6eb2b5f6e86bf8bc5d19ac7e374981e3#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何用人工智能免费帮你改英文？&#39;, &#39;update_time&#39;: 1588674888}, {&#39;aid&#39;: &#39;2653540778_1&#39;, &#39;album_id&#39;: &#39;1339183650063220738&#39;, &#39;appmsgid&#39;: 2653540778, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAthWnZzHYEHEYo12EcrOmBHr3LFpsia0ybuVJXLsowiaYOWaJZ3zc8BeOQeAttZ31TSicaBlTiaNdABtQ/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1588072166, &#39;digest&#39;: &#39;怎样把琐碎的「文献采集」、「标注笔记」、「整合引用」，和「样式输出」一气呵成地自动化搞定？&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 1, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540778&amp;idx=1&amp;sn=b614b519ac2e30ece6a020ee9a2cf716&amp;chksm=f389bb7dc4fe326b179498bee21774e7f0b10b3c761e4661944c530fcfc2f7f378d2f947340d#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效做文献回顾？（工具篇）&#39;, &#39;update_time&#39;: 1588072166}, {&#39;aid&#39;: &#39;2653540768_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540768, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAstPZ1OqLj8kx9CSiafv9GVNuD4yjK93JichSBIUcECBGMaJRiag3UrrXSZ12d3dHQ9F2yaNcy4m768w/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1587391737, &#39;digest&#39;: &#39;「工欲善其事，必先利其器。」想要用好卡片式笔记进行学习与创作，没有一款趁手的工具怎么行？这一讲，我为你介绍卡片式笔记工具 Roam Research 的一些基本功能。希望你能感受到我第一次看到它时的惊艳。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 5, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540768&amp;idx=1&amp;sn=f4cdff85383be13c41662f0ab4f522b6&amp;chksm=f389bb77c4fe32611d4666dbb30985bd01accdf354319721cbddc0ab50a46f72052f5c65ff5e#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;卡片式笔记工具 Roam Research 介绍&#39;, &#39;update_time&#39;: 1587391737}, {&#39;aid&#39;: &#39;2653540764_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540764, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvYf0RttvmH3uNia5Zbr3iahr4CycibA9ecma8vLvS6K9Ks5klB8zquMuveiaZfF5BT7qr0OxsjhKB4Lw/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1586647921, &#39;digest&#39;: &#39;会当凌绝顶，一览众山小。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540764&amp;idx=1&amp;sn=b192edb5b54b2c04f814fa1b4e94bf02&amp;chksm=f389bb4bc4fe325dbd969500dce4f9efff1217de584340a4a2a5e974078b08d377533b1f7aa4#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何交互可视化你的卡片式笔记网络？&#39;, &#39;update_time&#39;: 1586647921}], &#39;base_resp&#39;: {&#39;err_msg&#39;: &#39;ok&#39;, &#39;ret&#39;: 0}}
5
{&#39;app_msg_cnt&#39;: 203, &#39;app_msg_list&#39;: [{&#39;aid&#39;: &#39;2653540753_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540753, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAsmNBmKdWVaZiaG5QVru1MY3b0C9XjPMvHsPy7GVVDohXCrSFYhqUDItiaDCSXgaHVgzvfVNUp8FDcw/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1585188990, &#39;digest&#39;: &#39;你好！我是王树义老师。最近流行线上教学。有位朋友准备尝试把线下培训转移到线上，希望我能给提出一些建议。我于是做了这个分享。如果你正准备开始线上教学，希望这个视频能帮你少踩一些坑。如果你已经有了一段时间的教学经验，我也希望和你切磋交流，一起提升咱们的线上教学质量。如果你对本视频讲述的内容有疑问，或者要提出批评建议，欢迎留言。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 5, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540753&amp;idx=1&amp;sn=a0cdbe7c918e83e34b18881ebe50f272&amp;chksm=f389bb46c4fe32508a6981d4fe0502905bd9a9f8900501bf5f9d454345f7ebcc7228e1a5b33f#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;线上教学心得&#39;, &#39;update_time&#39;: 1585188990}, {&#39;aid&#39;: &#39;2653540745_1&#39;, &#39;album_id&#39;: &#39;1339195592689549313&#39;, &#39;appmsgid&#39;: 2653540745, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvEcelEQLnnIuJCbeIpLpjO67Mf5yKeLFgt4bfHwwibMjOJFDtd64AmhMeg6H6z51WLBXB6tYJoia6g/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1584072711, &#39;digest&#39;: &#39;我有一个坏消息，和一个好消息，你想先听哪个？&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540745&amp;idx=1&amp;sn=e0f4f6224834dce897bfb9a441334aef&amp;chksm=f389bb5ec4fe32487faa3b35ac2bbe55b72327ac3a46c7dc41b65e97fc330f1d23d4e21d9ef8#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;扩招了，你的研究生学历会不会贬值？&#39;, &#39;update_time&#39;: 1584072711}, {&#39;aid&#39;: &#39;2653540740_1&#39;, &#39;album_id&#39;: &#39;1339183650063220738&#39;, &#39;appmsgid&#39;: 2653540740, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAuUPZbgcjCYwib0v1I3BZKOXnLUiaPAAKBlAYXYBiaibzfMtXBKZxTSGI71ricRs0FpH1c26IUX4ibChErA/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1583760290, &#39;digest&#39;: &#39;横看成岭侧成峰，远近高低各不同。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540740&amp;idx=1&amp;sn=67869ae1f36c45f06c637e07fe775a2f&amp;chksm=f389bb53c4fe32451762eafdd83c7699245dc73d60f95080f3fe0d6220f511e9ad1ee0fe5bf6#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何用卡片法写论文？&#39;, &#39;update_time&#39;: 1583760290}, {&#39;aid&#39;: &#39;2653540733_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540733, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAuiaE6hDlry6ic21BvLaxgbF131bzPyUEs0fSNYsdqDl7TO279qhJVDKFMoVG0ov3vN8BqicaW9qdl7w/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1582636402, &#39;digest&#39;: &#39;这种诸多写作高手推荐的方法，实践起来为何这么困难？咱们来聊聊。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540733&amp;idx=1&amp;sn=2d3ccf04a0086c6137b06c731e0805c4&amp;chksm=f389bbaac4fe32bc2c7e565dbfe954474dc2f16d884b0f6743f2adfe3447b0109fd74901b941#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效实践卡片式写作？&#39;, &#39;update_time&#39;: 1582636402}, {&#39;aid&#39;: &#39;2653540728_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540728, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAuY2VrwcyA28icUeGicYLMkicbjhUI4VdcloicMTNBDHOB5nqeyp5dGrNibjt996qagib5GjoJ5nXuE8UcQ/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1581322334, &#39;digest&#39;: &#39;希望这些推荐，可以帮助你更加安心、健康地宅在家里。为抗击疫情、阻断病毒、安定社会，做出自己的一份贡献。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540728&amp;idx=1&amp;sn=339f2e2406426c5e79ad855a6551ad26&amp;chksm=f389bbafc4fe32b9f5982782aec37ed36757f8d3bca9c773576f6ae29cf225c6a77fbcff63cd#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;抗疫宅家，给你推荐几个隔离工具&#39;, &#39;update_time&#39;: 1581322334}], &#39;base_resp&#39;: {&#39;err_msg&#39;: &#39;ok&#39;, &#39;ret&#39;: 0}}
10
{&#39;app_msg_cnt&#39;: 203, &#39;app_msg_list&#39;: [{&#39;aid&#39;: &#39;2653540724_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540724, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtOdOLWAm4zzNeD9AmV9Lche5Tw5AlTQDAPotejd1o0iaJuAvyVnsNKWNRb1yzC6LlmaDaAL4yMDxQ/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1581150496, &#39;digest&#39;: &#39;推荐给你一门好课。帮你在研究方法武器库中，添上复杂系统仿真这一项。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540724&amp;idx=1&amp;sn=713050c012d7724bf8a3240991b05859&amp;chksm=f389bba3c4fe32b54f27599185bfd09d31025a86f78f585c10c95a6ada96d663a8a44e58b3ed#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效入门复杂系统仿真？&#39;, &#39;update_time&#39;: 1581150496}, {&#39;aid&#39;: &#39;2653540719_1&#39;, &#39;album_id&#39;: &#39;1339178811027587075&#39;, &#39;appmsgid&#39;: 2653540719, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtjvnxO9nPT8iaAeibiaG6B4iaWgfoNdT2ZDoSdrkzqibDrxGActYVlG11LbLpiaLdpm13XhsmjbXSqXD7Q/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1579502752, &#39;digest&#39;: &#39;不用学前端编程，你就能用 Python 简单高效写出漂亮的交互式 Web 应用，将你的数据分析成果立即展示给团队和客户。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540719&amp;idx=1&amp;sn=226b8ffaa92d7b21a81d3d3bda28ba6b&amp;chksm=f389bbb8c4fe32ae1c192fa5c2888b54057b6ecb02bf63c20ea5930fa204c792bf33b24f0fbd#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何用纯 Python 写 Web 应用？&#39;, &#39;update_time&#39;: 1579502752}, {&#39;aid&#39;: &#39;2653540714_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540714, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtdgrJqYOuIMA2ogE2OUrhYrKibN7tBFtzGRM0vCDHHEFe9thLHkiaQ4beRxHtNwF8ZmicKPmptxWBMA/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1579265586, &#39;digest&#39;: &#39;想把 iPhone 上的操作流程录制下来，通过朋友圈分享给小伙伴？这几个小技巧可能对你有用。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540714&amp;idx=1&amp;sn=bfa3615317cfaf371386a52312d4f059&amp;chksm=f389bbbdc4fe32ab00d97bd1b34bfad67115afa995d76797818a359bfa4c2aaa193312c2fd5f#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何在朋友圈演示你的 iPhone 操作过程？&#39;, &#39;update_time&#39;: 1579265586}, {&#39;aid&#39;: &#39;2653540707_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540707, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAsDgZVNXkeEcIXHCDqR8MUSqCj5UnTvVWuicHE18NyLovYJia5KowoR0hqL7O4QJYCcHuBfyZM19jlg/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1577197630, &#39;digest&#39;: &#39;数据分析的门槛在降低，希望你能及时意识到。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540707&amp;idx=1&amp;sn=5253093da915156d28c9f5bb91d957e1&amp;chksm=f389bbb4c4fe32a25b71b802613b972ae9514ac935092630820fc985f56e782074331833f9dc#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何不写 SQL ，探索和分析数据库？&#39;, &#39;update_time&#39;: 1577226000}, {&#39;aid&#39;: &#39;2653540699_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540699, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvYGfv1DQGBO3JIeLWGNj908uJQHwUqmZw1GbuicsmoyhHkgkGOs5ySoptjwP9x1SI324W79APia6Ig/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1576208645, &#39;digest&#39;: &#39;祝好运气！&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 0, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540699&amp;idx=1&amp;sn=b4cc0ea725350b93d14ee3eb0b5d9180&amp;chksm=f389bb8cc4fe329ac6289b9fa74827278d0f84fbc81e67e655661e8762cdc515af23eb0b39d9#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;【福利】《巴拉巴西成功定律》抽奖赠书&#39;, &#39;update_time&#39;: 1576208645}], &#39;base_resp&#39;: {&#39;err_msg&#39;: &#39;ok&#39;, &#39;ret&#39;: 0}}
15
{&#39;app_msg_cnt&#39;: 203, &#39;app_msg_list&#39;: [{&#39;aid&#39;: &#39;2653540692_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540692, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvrnl9s5GfM5HsDXFibP1KmjcjEic8HFPnxlca3gAawQCTs7VBZwTOicNzw5ic2Dt14TESMfibB8ickXusA/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1576159121, &#39;digest&#39;: &#39;给你推荐一本“武器级”图书。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540692&amp;idx=1&amp;sn=21c296472df734f2d82f30b9e9af04d8&amp;chksm=f389bb83c4fe3295bfed33191fe4f48e673034a2dc86b9b2d4082eebc24a69558f691cc678ef#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何科学地获得成功？&#39;, &#39;update_time&#39;: 1576159121}, {&#39;aid&#39;: &#39;2653540688_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540688, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtyI6hsg2YdqaAsZAZ7dEX846jf0a9r4yoljLh21L88Mia81E04zXcfbjz7NkQ6nDKPO1viah8X571Q/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1575895803, &#39;digest&#39;: &#39;PyTorch 入门，坑着实不少。咱们来谈谈，如何选个合适的教程，避开它们。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540688&amp;idx=1&amp;sn=668e9a979b79dc589c6e5b74aff92bcd&amp;chksm=f389bb87c4fe3291d4ff1f1e34178362e91273e2ce3849da546ae6743039877acef6a8da50dc#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效入门 PyTorch ？&#39;, &#39;update_time&#39;: 1575895803}, {&#39;aid&#39;: &#39;2653540684_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540684, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAs95Eib8kupxoa1Q3vnvWuCsV45tBDeVbTnibugUPaockJZgLgyhGpiaQAA1QboSkaHVbbIswmCWes1g/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1574072422, &#39;digest&#39;: &#39;毕业论文字数要求太多，写起来很苦恼？把我新发现的写作利器分享给你。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540684&amp;idx=1&amp;sn=36a64c276264680fa54f060970118f94&amp;chksm=f389bb9bc4fe328d4bc245718e086a40b9ba27ace93e967bc9de281d06802264f88f8a8b60dd#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效写长文？&#39;, &#39;update_time&#39;: 1574072422}, {&#39;aid&#39;: &#39;2653540680_1&#39;, &#39;album_id&#39;: &#39;1339183650063220738&#39;, &#39;appmsgid&#39;: 2653540680, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAsN7r4UzicwNR7Np7P7UD8iamghsDBvQlkTDpdl0eTOSbYqYVlBhbibBBMSmwA7AU77Bhtv2Jraq21mg/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1572915307, &#39;digest&#39;: &#39;悄悄告诉你几个窍门。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540680&amp;idx=1&amp;sn=6dfb8f84507c5c974f4a3eb8300ba22c&amp;chksm=f389bb9fc4fe328931fe1193d4819d2cda36e9af82f0aac39a9913b8705ec7df439c944fadd3#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;论文读不懂怎么办？&#39;, &#39;update_time&#39;: 1572915307}, {&#39;aid&#39;: &#39;2653540676_1&#39;, &#39;album_id&#39;: &#39;1339183650063220738&#39;, &#39;appmsgid&#39;: 2653540676, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAscVvTI2lJdDAgzWtaBmgeBYHqd7NoJctbqMcwtC5WDNE07gibMpsmH4r8kHktymEXCFQmgt6WkL6w/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1571644554, &#39;digest&#39;: &#39;用产品经理的视角，找寻论文专业读者的知识需求。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540676&amp;idx=1&amp;sn=7ff14b24e2a1987141385b2dd4e6a738&amp;chksm=f389bb93c4fe32859369249715b6104144bea7a364122cc58a0daad9504c79d34e74c993ddf8#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何与导师有效沟通你的论文选题？&#39;, &#39;update_time&#39;: 1571644554}], &#39;base_resp&#39;: {&#39;err_msg&#39;: &#39;ok&#39;, &#39;ret&#39;: 0}}
20
{&#39;app_msg_cnt&#39;: 203, &#39;app_msg_list&#39;: [{&#39;aid&#39;: &#39;2653540672_1&#39;, &#39;album_id&#39;: &#39;1339188083526434816&#39;, &#39;appmsgid&#39;: 2653540672, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtD2h49twibLXhsYVDZPLDCicAqn9ib9LpG0bBzUzY29VuYlVJ6TT1Z220A6muiay31rmE61K3iaiakRQqA/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1570284102, &#39;digest&#39;: &#39;工欲善其事，必先利其器。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540672&amp;idx=1&amp;sn=5be1b09e9ea2e07d1fa9eec72d83e806&amp;chksm=f389bb97c4fe3281c2d3826ab197dc5780bfac5651815e30b67efdd9aa3417fde71c05868b10#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何高效写作公众号文章？&#39;, &#39;update_time&#39;: 1570284101}, {&#39;aid&#39;: &#39;2653540664_1&#39;, &#39;album_id&#39;: &#39;1339178811027587075&#39;, &#39;appmsgid&#39;: 2653540664, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAsN0LR2icSqBE9DykHibtCCiaRbwXTMXGd8d4cjmcNa4B8TOnPqM5XDpqVH9URdObxIrD5Wpqut9azCw/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1569423942, &#39;digest&#39;: &#39;简单、直接、高效地从文本中提炼关键内容。让你体验正则表达式的威力。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540664&amp;idx=1&amp;sn=fbd0088427d8133b80964e010df2494d&amp;chksm=f389bbefc4fe32f9a2b1255779e67cbfb49259a6d43e1261d94abcc0ae4ea8adef87719038cd#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;如何用 Python 和正则表达式抽取文本结构化信息？&#39;, &#39;update_time&#39;: 1569450600}, {&#39;aid&#39;: &#39;2653540660_1&#39;, &#39;album_id&#39;: &#39;1339183650063220738&#39;, &#39;appmsgid&#39;: 2653540660, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAvQZ7b6ejaQbvcluGp4oib1MHejsELabnqXs90DMgnC1loWt2bT0KDZsqFg6vItJFzptKoxYDgPhicg/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1568599343, &#39;digest&#39;: &#39;四大心法，助你写出更好的“第一封邮件”。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540660&amp;idx=1&amp;sn=fef006a155a52385c124394b5187d48d&amp;chksm=f389bbe3c4fe32f5c91ab7c4fcbe52a5a02a6cf4b17130626f9163253302de16ee453c08be57#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;给导师的套磁信该怎么写？&#39;, &#39;update_time&#39;: 1568599343}, {&#39;aid&#39;: &#39;2653540656_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540656, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAt3jsNzUCrtKsF92icYqOOQkvVYePBhKftLceNjNXFpqVpjibXmnwH9zPkPXDqahHBnfrQEZc9j42IQ/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1567952134, &#39;digest&#39;: &#39;解决眼高手低，促进触类旁通。&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540656&amp;idx=1&amp;sn=336e3c9284b15cf24c38d063468ed79e&amp;chksm=f389bbe7c4fe32f1df04ae208ab4350d95503db8deeff3e8c44b3be164af53823f47067e2d6c#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;“没有灵魂”的AI作诗，有啥用？&#39;, &#39;update_time&#39;: 1567952133}, {&#39;aid&#39;: &#39;2653540651_1&#39;, &#39;album_id&#39;: &#39;0&#39;, &#39;appmsgid&#39;: 2653540651, &#39;checking&#39;: 0, &#39;cover&#39;: &#39;https://mmbiz.qlogo.cn/mmbiz_jpg/6fHkSrNbAAtGjgSicRCRsty9hpY7eQhgGTJMibOcK6d4GkjRUOw26sQhZ7Emzic0rvA75wN2lC8wga9zAl7HmYrAw/0?wx_fmt=jpeg&#39;, &#39;create_time&#39;: 1566999097, &#39;digest&#39;: &#39;听好了，你只有两个选项……&#39;, &#39;has_red_packet_cover&#39;: 0, &#39;is_original&#39;: 1, &#39;is_pay_subscribe&#39;: 0, &#39;item_show_type&#39;: 0, &#39;itemidx&#39;: 1, &#39;link&#39;: &#39;http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA==&amp;mid=2653540651&amp;idx=1&amp;sn=5f729b88363d17ca199e10906756331a&amp;chksm=f389bbfcc4fe32eac8cbb14e7b4df586914cc823fa10a160f4c19edc0c8ad450cf3af5be738c#rd&#39;, &#39;tagid&#39;: [], &#39;title&#39;: &#39;美国人喜欢工会吗？&#39;, &#39;update_time&#39;: 1566999097}], &#39;base_resp&#39;: {&#39;err_msg&#39;: &#39;ok&#39;, &#39;ret&#39;: 0}}
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[171]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 点 选择其他公众号</span>
<span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//*[text()[contains(.,&quot;选择其他公众号&quot;)]]&#39;</span><span class="p">)</span> 
<span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">main_content</span><span class="p">)</span>
<span class="n">element</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>选择其他公众号
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[172]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//form//div[@class=&quot;inner_link_account_area&quot;]//input[@class=&quot;weui-desktop-form__input&quot;]&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">clear</span><span class="p">()</span>
<span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//form//div[@class=&quot;inner_link_account_area&quot;]//input[@class=&quot;weui-desktop-form__input&quot;]&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">send_keys</span><span class="p">(</span><span class="n">公众号1</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[173]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 点放大镜搜</span>
<span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//button[@class=&quot;weui-desktop-icon-btn weui-desktop-search__btn&quot;]&#39;</span><span class="p">)</span>
<span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">main_content</span><span class="p">)</span>
<span class="n">element</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>&lt;div class=&#34;weui-desktop-icon weui-desktop-icon__inputSearch weui-desktop-icon__small&#34;&gt;&lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;svg width=&#34;16&#34; height=&#34;16&#34; viewBox=&#34;0 0 16 16&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;&lt;path d=&#34;M11.33 10.007l4.273 4.273a.502.502 0 0 1 .005.709l-.585.584a.499.499 0 0 1-.709-.004L10.046 11.3a6.278 6.278 0 1 1 1.284-1.294zm.012-3.729a5.063 5.063 0 1 0-10.127 0 5.063 5.063 0 0 0 10.127 0z&#34;&gt;&lt;/path&gt;&lt;/svg&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt; &lt;!----&gt;&lt;/div&gt;
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[174]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 解析</span>
<span class="n">root1</span><span class="o">=</span> <span class="n">fromstring</span><span class="p">(</span><span class="n">公众号SERP1</span><span class="p">)</span> 
<span class="c1">#fromstring() 可以在解抄析xml格式时，将字符串转换为Element对象，解析树的知根节点。</span>
<span class="n">root1</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[174]:</div>




<div class="output_text output_subarea output_execute_result">
<pre>&lt;Element div at 0x24a11429638&gt;</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[175]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//ul[@class=&quot;inner_link_account_list&quot;]&#39;</span><span class="p">)</span>
<span class="n">main_content1</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">main_content1</span><span class="p">)</span>
<span class="n">公众号SERP1</span> <span class="o">=</span> <span class="n">main_content1</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>&lt;li class=&#34;inner_link_account_item&#34;&gt;&lt;div class=&#34;weui-desktop-vm_primary&#34;&gt;&lt;img src=&#34;http://mmbiz.qpic.cn/mmbiz_png/aSJyGw23SZCcbRDgW1cQFRJ3te1PPzcF9fTuSWC1kTzicvZwCSGjqPdN3VkicxzCYR6g2cBJlAYiaEibOSlDBjvxWQ/0?wx_fmt=png&#34; class=&#34;inner_link_account_avatar&#34;&gt; &lt;strong class=&#34;inner_link_account_nickname&#34;&gt;Python攻城狮&lt;/strong&gt; &lt;i class=&#34;inner_link_account_wechat&#34;&gt;微信号：未设置&lt;/i&gt;&lt;/div&gt; &lt;div class=&#34;weui-desktop-vm_default inner_link_account_type&#34;&gt;订阅号&lt;/div&gt;&lt;/li&gt;&lt;li class=&#34;inner_link_account_item&#34;&gt;&lt;div class=&#34;weui-desktop-vm_primary&#34;&gt;&lt;img src=&#34;http://mmbiz.qpic.cn/mmbiz_png/8vaxOIpAdmuCxJUn8Ezr432caqmpBWQDWcxtMj5iaHoSFLyQqTKxBIDE0Wib5edhSW4DsYM9T7QW7qWo7ia5aBibuw/0?wx_fmt=png&#34; class=&#34;inner_link_account_avatar&#34;&gt; &lt;strong class=&#34;inner_link_account_nickname&#34;&gt;python攻城狮基地&lt;/strong&gt; &lt;i class=&#34;inner_link_account_wechat&#34;&gt;微信号：未设置&lt;/i&gt;&lt;/div&gt; &lt;div class=&#34;weui-desktop-vm_default inner_link_account_type&#34;&gt;订阅号&lt;/div&gt;&lt;/li&gt;
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[176]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">主1</span> <span class="o">=</span> <span class="n">root1</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;//li[@class=&quot;inner_link_account_item&quot;]&#39;</span><span class="p">)</span>
<span class="n">主1</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[176]:</div>




<div class="output_text output_subarea output_execute_result">
<pre>[&lt;Element li at 0x24a11429778&gt;, &lt;Element li at 0x24a114297c8&gt;]</pre>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[189]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1">#主 = root.xpath(&#39;//li[@class=&quot;inner_link_account_item&quot;]&#39;)</span>

<span class="n">account_list1</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="n">主1</span><span class="p">:</span>
    <span class="n">account_nickname1</span> <span class="o">=</span> <span class="n">e</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;./div/strong[@class=&quot;inner_link_account_nickname&quot;]&#39;</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">text</span>
    <span class="n">account_wechat1</span> <span class="o">=</span> <span class="n">e</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;./div/i[@class=&quot;inner_link_account_wechat&quot;]&#39;</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">text</span>
    <span class="n">account_img1</span> <span class="o">=</span> <span class="n">e</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;./div/img/@src&#39;</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span>
    <span class="n">account1</span> <span class="o">=</span> <span class="p">{</span><span class="s2">&quot;nickname&quot;</span><span class="p">:</span> <span class="n">account_nickname1</span><span class="p">,</span> <span class="s2">&quot;wechat&quot;</span><span class="p">:</span> <span class="n">account_wechat1</span><span class="p">,</span> <span class="s2">&quot;img&quot;</span><span class="p">:</span> <span class="n">account_img1</span><span class="p">,}</span>
    <span class="n">account_list1</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">account1</span><span class="p">)</span>

<span class="n">df_account1</span><span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">(</span><span class="n">account_list1</span><span class="p">)</span>
<span class="n">df_account1</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[189]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>nickname</th>
      <th>wechat</th>
      <th>img</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>芝兰玉树书画载道</td>
      <td>微信号：未设置</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/LzWKYLw2Q0OUpaW...</td>
    </tr>
    <tr>
      <th>1</th>
      <td>芝兰玉树书画载道</td>
      <td>微信号：未设置</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/LzWKYLw2Q0OUpaW...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[178]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">element</span><span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//ul[@class=&quot;inner_link_account_list&quot;]/li&#39;</span><span class="p">)</span>
<span class="n">main_content1</span><span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
<span class="nb">print</span><span class="p">(</span><span class="n">main_content1</span><span class="p">)</span>
<span class="n">element</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>&lt;div class=&#34;weui-desktop-vm_primary&#34;&gt;&lt;img src=&#34;http://mmbiz.qpic.cn/mmbiz_png/aSJyGw23SZCcbRDgW1cQFRJ3te1PPzcF9fTuSWC1kTzicvZwCSGjqPdN3VkicxzCYR6g2cBJlAYiaEibOSlDBjvxWQ/0?wx_fmt=png&#34; class=&#34;inner_link_account_avatar&#34;&gt; &lt;strong class=&#34;inner_link_account_nickname&#34;&gt;Python攻城狮&lt;/strong&gt; &lt;i class=&#34;inner_link_account_wechat&#34;&gt;微信号：未设置&lt;/i&gt;&lt;/div&gt; &lt;div class=&#34;weui-desktop-vm_default inner_link_account_type&#34;&gt;订阅号&lt;/div&gt;
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[170]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># 跳转上限</span>
<span class="n">l_e</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_elements_by_xpath</span><span class="p">(</span><span class="s1">&#39;//label[@class=&quot;weui-desktop-pagination__num&quot;]&#39;</span><span class="p">)</span>
<span class="n">l_e_int</span>  <span class="o">=</span> <span class="p">[</span><span class="nb">int</span><span class="p">(</span><span class="n">x</span><span class="o">.</span><span class="n">text</span><span class="p">)</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">l_e</span><span class="p">]</span> 
<span class="nb">print</span> <span class="p">(</span><span class="n">l_e_int</span><span class="p">)</span>
<span class="nb">print</span> <span class="p">(</span><span class="n">l_e_int</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">==</span><span class="n">l_e_int</span><span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">])</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[28, 29]
False
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[143]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">pages</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">range</span><span class="p">(</span><span class="n">l_e_int</span><span class="p">[</span><span class="mi">0</span><span class="p">],</span><span class="n">l_e_int</span><span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">]</span><span class="o">+</span><span class="mi">1</span> <span class="p">))</span>
<span class="c1">#print(pages[0:50])</span>
<span class="n">pages</span> <span class="o">=</span> <span class="nb">list</span><span class="p">(</span><span class="nb">range</span><span class="p">(</span><span class="mi">29</span><span class="p">))</span>
<span class="nb">print</span><span class="p">(</span><span class="n">pages</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28]
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[144]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># global varialbes </span>
<span class="n">html_raw</span> <span class="o">=</span> <span class="nb">dict</span><span class="p">()</span>
<span class="n">main_content</span> <span class="o">=</span><span class="s2">&quot;&quot;</span>
<span class="n">element</span> <span class="o">=</span> <span class="kc">None</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[145]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">process_pages1</span> <span class="p">(</span><span class="n">pages</span><span class="p">):</span>
    <span class="n">time</span><span class="o">.</span><span class="n">sleep</span><span class="p">(</span><span class="mf">0.5</span><span class="p">)</span>
    <span class="k">for</span> <span class="n">p</span> <span class="ow">in</span> <span class="n">pages</span><span class="p">:</span>
        <span class="nb">print</span> <span class="p">(</span><span class="n">p</span><span class="p">,</span><span class="n">end</span><span class="o">=</span><span class="s1">&#39;</span><span class="se">\t</span><span class="s1">&#39;</span><span class="p">)</span>

        <span class="n">跳转_input</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//span[@class=&quot;weui-desktop-pagination__form&quot;]/input&#39;</span><span class="p">)</span>
        <span class="n">跳转_a</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//span[@class=&quot;weui-desktop-pagination__form&quot;]/a&#39;</span><span class="p">)</span>
        <span class="n">跳转_input</span><span class="o">.</span><span class="n">clear</span><span class="p">()</span>
        <span class="n">跳转_input</span><span class="o">.</span><span class="n">send_keys</span><span class="p">(</span><span class="n">p</span><span class="p">)</span>
        <span class="n">跳转_a</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>

        <span class="n">time</span><span class="o">.</span><span class="n">sleep</span><span class="p">(</span><span class="mi">45</span><span class="o">+</span><span class="mi">120</span><span class="o">*</span><span class="n">random</span><span class="p">())</span>

        <span class="n">element</span> <span class="o">=</span> <span class="n">driver</span><span class="o">.</span><span class="n">find_element_by_xpath</span><span class="p">(</span><span class="s1">&#39;//div[@class=&quot;inner_link_article_list&quot;]&#39;</span><span class="p">)</span>
        <span class="n">main_content</span> <span class="o">=</span> <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="s1">&#39;innerHTML&#39;</span><span class="p">)</span>
        <span class="c1">#print(main_content)</span>
        <span class="n">html_raw</span><span class="p">[</span><span class="n">p</span><span class="p">]</span> <span class="o">=</span> <span class="n">main_content</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[146]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">process_pages1</span><span class="p">(</span><span class="n">pages</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>0	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15	16	17	18	19	20	21	22	23	24	25	26	27	28	</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[147]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df1</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">([</span><span class="n">html_raw</span><span class="p">])</span><span class="o">.</span><span class="n">T</span>
<span class="n">df1</span><span class="o">.</span><span class="n">columns</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;html_snippets&quot;</span><span class="p">]</span>
<span class="n">df1</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[147]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>html_snippets</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>1</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>2</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>3</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>4</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>5</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>6</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>7</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>8</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>9</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>10</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>11</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>12</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>13</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>14</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>15</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>16</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>17</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>18</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>19</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>20</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>21</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>22</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>23</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>24</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>25</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>26</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>27</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>28</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[148]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="o">%</span><span class="k">store</span> html_raw
<span class="kn">import</span> <span class="nn">pickle</span> <span class="c1">#pickle模块实现了用于序列化和反序列化Python对象结构的二进制协议</span>
<span class="n">filehandler</span> <span class="o">=</span> <span class="nb">open</span><span class="p">(</span><span class="s2">&quot;html_raw1&quot;</span><span class="p">,</span> <span class="s1">&#39;wb&#39;</span><span class="p">)</span> 
<span class="n">pickle</span><span class="o">.</span><span class="n">dump</span><span class="p">(</span><span class="n">html_raw</span><span class="p">,</span> <span class="n">filehandler</span><span class="p">)</span><span class="c1">#序列化对象，将对象obj保存到文件file中去</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>Stored &#39;html_raw&#39; (dict)
</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[149]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df1_out</span> <span class="o">=</span> <span class="n">df1</span><span class="p">[</span><span class="o">~</span><span class="n">df1</span><span class="o">.</span><span class="n">duplicated</span><span class="p">()]</span><span class="c1">#删除重复值</span>
<span class="nb">print</span> <span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">df1_out</span><span class="p">))</span>
<span class="n">df1</span><span class="p">[</span><span class="n">df1</span><span class="o">.</span><span class="n">duplicated</span><span class="p">()]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>27
</pre>
</div>
</div>

<div class="output_area">

    <div class="prompt output_prompt">Out[149]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>html_snippets</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
    <tr>
      <th>12</th>
      <td>&lt;div&gt;&lt;label class="inner_link_article_item"&gt;&lt;s...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[150]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1">#filename = fn [&quot;output&quot;] [&quot;公众号_htm_snippets&quot;] </span>
<span class="c1">#df1_out.to_csv(filename.format(公众号=公众号), sep=&quot;\t&quot;, encoding=&quot;utf8&quot;)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[151]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">parse_html_snippets1</span><span class="p">(</span><span class="n">_snippet_</span><span class="p">):</span>
    <span class="n">root1</span> <span class="o">=</span> <span class="n">fromstring</span><span class="p">(</span><span class="n">_snippet_</span><span class="p">)</span> 
    <span class="n">title</span> <span class="o">=</span> <span class="p">[</span><span class="n">x</span><span class="o">.</span><span class="n">text</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">root1</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;//div[@class=&quot;inner_link_article_title&quot;]&#39;</span><span class="p">)]</span>
    <span class="n">create_time</span> <span class="o">=</span> <span class="p">[</span><span class="n">x</span><span class="o">.</span><span class="n">text</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">root1</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;//div[@class=&quot;inner_link_article_date&quot;]&#39;</span><span class="p">)]</span>
    <span class="n">link</span> <span class="o">=</span> <span class="p">[</span><span class="n">x</span> <span class="k">for</span> <span class="n">x</span> <span class="ow">in</span> <span class="n">root1</span><span class="o">.</span><span class="n">xpath</span><span class="p">(</span><span class="s1">&#39;//a/@href&#39;</span><span class="p">)]</span>
    <span class="n">_df1_</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">({</span><span class="s2">&quot;title&quot;</span><span class="p">:</span><span class="n">title</span><span class="p">,</span> <span class="s2">&quot;create_time&quot;</span><span class="p">:</span> <span class="n">create_time</span><span class="p">,</span> <span class="s2">&quot;link&quot;</span><span class="p">:</span><span class="n">link</span><span class="p">})</span>
    <span class="k">return</span><span class="p">(</span><span class="n">_df1_</span><span class="p">)</span>
    
<span class="n">l_df1</span> <span class="o">=</span> <span class="p">[]</span>
<span class="k">for</span> <span class="n">p</span> <span class="ow">in</span> <span class="n">pages</span><span class="p">:</span>
    <span class="n">_df1_</span> <span class="o">=</span> <span class="n">parse_html_snippets</span><span class="p">(</span><span class="n">df1</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="n">p</span><span class="p">,</span><span class="s2">&quot;html_snippets&quot;</span><span class="p">])</span>
    <span class="nb">print</span> <span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">_df1_</span><span class="p">),</span> <span class="n">end</span><span class="o">=</span><span class="s2">&quot;,&quot;</span><span class="p">)</span>
    <span class="n">l_df1</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">_df1_</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt"></div>


<div class="output_subarea output_stream output_stdout output_text">
<pre>6,6,6,5,7,5,5,5,5,5,5,5,6,5,5,5,5,5,5,5,6,5,9,7,6,11,5,15,6,</pre>
</div>
</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[152]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df1_url_out</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">concat</span><span class="p">(</span><span class="n">l_df1</span><span class="p">)</span><span class="o">.</span><span class="n">reset_index</span><span class="p">(</span><span class="n">drop</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
<span class="n">df1_url_out</span><span class="o">.</span><span class="n">loc</span><span class="p">[</span><span class="mi">0</span><span class="p">:</span><span class="mi">20</span><span class="p">]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[152]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>8个超好用的Python内置函数，提升效率必备！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>1</th>
      <td>粉丝专属福利，四折优惠码限时免费领！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>2</th>
      <td>你有多久没读过书了？</td>
      <td>2020-04-10</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>3</th>
      <td>今天网站都变成灰色了，这其中是怎么实现的？</td>
      <td>2020-04-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>4</th>
      <td>是技术也是艺术 使用geopandas玩转地图可视化</td>
      <td>2020-03-06</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>5</th>
      <td>Python教你解决微信防撤回（必备技能）</td>
      <td>2020-01-03</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>6</th>
      <td>8个超好用的Python内置函数，提升效率必备！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>7</th>
      <td>粉丝专属福利，四折优惠码限时免费领！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>8</th>
      <td>你有多久没读过书了？</td>
      <td>2020-04-10</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>9</th>
      <td>今天网站都变成灰色了，这其中是怎么实现的？</td>
      <td>2020-04-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>10</th>
      <td>是技术也是艺术 使用geopandas玩转地图可视化</td>
      <td>2020-03-06</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>11</th>
      <td>Python教你解决微信防撤回（必备技能）</td>
      <td>2020-01-03</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>12</th>
      <td>直男不懂口红色号？没关系！——数据分析告诉你节日送什么色号口红</td>
      <td>2019-06-19</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>13</th>
      <td>第一次给大家送福利，想想都有点小激动！</td>
      <td>2019-06-18</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>14</th>
      <td>BigData | 一文带你搞清楚"数据倾斜"</td>
      <td>2019-06-17</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>15</th>
      <td>BigData |述说Apache Spark</td>
      <td>2019-06-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>16</th>
      <td>BigData | 大数据处理基本功（上）</td>
      <td>2019-06-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>17</th>
      <td>BigData | 大数据处理基本功（下）</td>
      <td>2019-06-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>18</th>
      <td>GitHub 发布了官方 App，还打算冰封你的代码一千年</td>
      <td>2019-11-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>19</th>
      <td>用Power BI了解站在猪年风口上的猪有多金贵</td>
      <td>2019-11-11</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>20</th>
      <td>这次我们不需要砍价，盖楼，​直接使用优惠码即可享受优惠。​</td>
      <td>2019-11-08</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[153]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="c1"># tagging 标记</span>
<span class="n">tagging_list</span> <span class="o">=</span> <span class="p">[</span><span class="s2">&quot;&quot;</span><span class="p">,</span><span class="s1">&#39;数据科学&#39;</span><span class="p">,</span><span class="s1">&#39;Python&#39;</span><span class="p">,</span><span class="s1">&#39;数据分析&#39;</span><span class="p">,</span><span class="s1">&#39;可视化&#39;</span><span class="p">,</span><span class="s1">&#39;机器学习&#39;</span><span class="p">,</span><span class="s1">&#39;深度学习&#39;</span><span class="p">,</span><span class="s1">&#39;自然语言处理&#39;</span>\
 <span class="s1">&#39;科研入门知识&#39;</span><span class="p">,</span><span class="s1">&#39;选题&#39;</span><span class="p">,</span><span class="s1">&#39;分析文献&#39;</span><span class="p">,</span><span class="s1">&#39;采集数据&#39;</span><span class="p">,</span><span class="s1">&#39;阅读论文&#39;</span><span class="p">,</span><span class="s1">&#39;写作稿件&#39;</span><span class="p">,</span><span class="s1">&#39;答辩&#39;</span>\
<span class="s1">&#39;效率&#39;</span><span class="p">,</span><span class="s1">&#39;笔记&#39;</span><span class="p">,</span><span class="s1">&#39;写作&#39;</span><span class="p">,</span><span class="s1">&#39;幻灯制作&#39;</span><span class="p">,</span><span class="s1">&#39;视频剪辑&#39;</span>\
<span class="s1">&#39;杂项&#39;</span><span class="p">,</span><span class="s1">&#39;观察&#39;</span><span class="p">,</span><span class="s1">&#39;思考&#39;</span><span class="p">,</span><span class="s1">&#39;记录&#39;</span><span class="p">,</span><span class="s1">&#39;视频&#39;</span><span class="p">,</span> <span class="s1">&#39;书籍&#39;</span> <span class="p">,</span><span class="s1">&#39;就业&#39;</span> <span class="s1">&#39;爬虫&#39;</span><span class="p">]</span> <span class="c1">#overwritable</span>

<span class="n">v_v_list1</span> <span class="o">=</span> <span class="p">[]</span>
<span class="c1">#.melt()取消将DataFrame从宽格式转换为长格式。</span>
<span class="k">for</span> <span class="n">tag</span> <span class="ow">in</span> <span class="n">tagging_list</span><span class="p">:</span>
    <span class="n">index_list1</span> <span class="o">=</span> <span class="n">df1_url_out</span><span class="p">[</span> <span class="n">df1_url_out</span><span class="o">.</span><span class="n">title</span><span class="o">.</span><span class="n">str</span><span class="o">.</span><span class="n">contains</span><span class="p">(</span><span class="n">tag</span><span class="p">)</span> <span class="p">]</span><span class="o">.</span><span class="n">index</span><span class="o">.</span><span class="n">tolist</span><span class="p">()</span>
    <span class="n">v_v_pairs1</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">({</span><span class="n">tag</span><span class="p">:</span><span class="n">index_list1</span><span class="p">})</span><span class="o">.</span><span class="n">melt</span><span class="p">()</span><span class="o">.</span><span class="n">set_index</span><span class="p">(</span><span class="s2">&quot;value&quot;</span><span class="p">)</span>
    <span class="n">v_v_list1</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">v_v_pairs1</span><span class="p">)</span>

<span class="n">df1_cat</span> <span class="o">=</span> <span class="n">v_v_list1</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span>
<span class="k">for</span> <span class="n">d</span> <span class="ow">in</span> <span class="n">v_v_list1</span><span class="p">:</span>
    <span class="n">df1_cat</span><span class="o">.</span><span class="n">update</span><span class="p">(</span><span class="n">d</span><span class="p">)</span>
    
<span class="c1"># 尚未标记内容</span>
<span class="n">df1_url_out</span><span class="o">.</span><span class="n">loc</span> <span class="p">[</span> <span class="n">df1_cat</span><span class="o">.</span><span class="n">query</span><span class="p">(</span><span class="s1">&#39;variable==&quot;&quot;&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">index</span> <span class="p">]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[153]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
    </tr>
    <tr>
      <th>value</th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <td>粉丝专属福利，四折优惠码限时免费领！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>2</th>
      <td>你有多久没读过书了？</td>
      <td>2020-04-10</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>3</th>
      <td>今天网站都变成灰色了，这其中是怎么实现的？</td>
      <td>2020-04-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>7</th>
      <td>粉丝专属福利，四折优惠码限时免费领！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>8</th>
      <td>你有多久没读过书了？</td>
      <td>2020-04-10</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>168</th>
      <td>科学计算工具Numpy</td>
      <td>2018-07-01</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>172</th>
      <td>如何在1年内获得别人3年的工作经验？</td>
      <td>2018-06-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>173</th>
      <td>MySQL进阶</td>
      <td>2018-06-26</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>174</th>
      <td>数据库 - MySQL的简单使用</td>
      <td>2018-06-25</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>175</th>
      <td>微信好友全头像的拼接</td>
      <td>2018-06-22</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
  </tbody>
</table>
<p>110 rows × 3 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[154]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df1_url_out</span><span class="p">[</span><span class="n">df1_url_out</span><span class="o">.</span><span class="n">duplicated</span><span class="p">()]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[154]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>6</th>
      <td>8个超好用的Python内置函数，提升效率必备！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>7</th>
      <td>粉丝专属福利，四折优惠码限时免费领！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>8</th>
      <td>你有多久没读过书了？</td>
      <td>2020-04-10</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>9</th>
      <td>今天网站都变成灰色了，这其中是怎么实现的？</td>
      <td>2020-04-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>10</th>
      <td>是技术也是艺术 使用geopandas玩转地图可视化</td>
      <td>2020-03-06</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>11</th>
      <td>Python教你解决微信防撤回（必备技能）</td>
      <td>2020-01-03</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>65</th>
      <td>直男不懂口红色号？没关系！——数据分析告诉你节日送什么色号口红</td>
      <td>2019-06-19</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>66</th>
      <td>第一次给大家送福利，想想都有点小激动！</td>
      <td>2019-06-18</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>67</th>
      <td>BigData | 一文带你搞清楚"数据倾斜"</td>
      <td>2019-06-17</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>68</th>
      <td>BigData |述说Apache Spark</td>
      <td>2019-06-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>69</th>
      <td>BigData | 大数据处理基本功（上）</td>
      <td>2019-06-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>70</th>
      <td>BigData | 大数据处理基本功（下）</td>
      <td>2019-06-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[155]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df1_url_out</span><span class="p">[</span><span class="o">~</span><span class="n">df1_url_out</span><span class="o">.</span><span class="n">duplicated</span><span class="p">()]</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[155]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>8个超好用的Python内置函数，提升效率必备！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>1</th>
      <td>粉丝专属福利，四折优惠码限时免费领！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>2</th>
      <td>你有多久没读过书了？</td>
      <td>2020-04-10</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>3</th>
      <td>今天网站都变成灰色了，这其中是怎么实现的？</td>
      <td>2020-04-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>4</th>
      <td>是技术也是艺术 使用geopandas玩转地图可视化</td>
      <td>2020-03-06</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>171</th>
      <td>Python线程的使用</td>
      <td>2018-06-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>172</th>
      <td>如何在1年内获得别人3年的工作经验？</td>
      <td>2018-06-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>173</th>
      <td>MySQL进阶</td>
      <td>2018-06-26</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>174</th>
      <td>数据库 - MySQL的简单使用</td>
      <td>2018-06-25</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
    <tr>
      <th>175</th>
      <td>微信好友全头像的拼接</td>
      <td>2018-06-22</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
    </tr>
  </tbody>
</table>
<p>164 rows × 3 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[156]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_o1</span> <span class="o">=</span> <span class="n">df1_url_out</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">df1_cat</span><span class="p">)</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s2">&quot;&quot;</span><span class="p">,</span> <span class="n">np</span><span class="o">.</span><span class="n">nan</span><span class="p">)</span><span class="o">.</span><span class="n">fillna</span><span class="p">(</span><span class="s2">&quot;无法分类&quot;</span><span class="p">)</span>
<span class="n">df_o1</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[156]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
      <th>variable</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>8个超好用的Python内置函数，提升效率必备！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>Python</td>
    </tr>
    <tr>
      <th>1</th>
      <td>粉丝专属福利，四折优惠码限时免费领！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>2</th>
      <td>你有多久没读过书了？</td>
      <td>2020-04-10</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>3</th>
      <td>今天网站都变成灰色了，这其中是怎么实现的？</td>
      <td>2020-04-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>4</th>
      <td>是技术也是艺术 使用geopandas玩转地图可视化</td>
      <td>2020-03-06</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>可视化</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>171</th>
      <td>Python线程的使用</td>
      <td>2018-06-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>Python</td>
    </tr>
    <tr>
      <th>172</th>
      <td>如何在1年内获得别人3年的工作经验？</td>
      <td>2018-06-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>173</th>
      <td>MySQL进阶</td>
      <td>2018-06-26</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>174</th>
      <td>数据库 - MySQL的简单使用</td>
      <td>2018-06-25</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>175</th>
      <td>微信好友全头像的拼接</td>
      <td>2018-06-22</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
  </tbody>
</table>
<p>176 rows × 4 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[157]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df1_stats</span> <span class="o">=</span> <span class="n">df_o1</span><span class="o">.</span><span class="n">groupby</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="s2">&quot;variable&quot;</span><span class="p">)</span><span class="o">.</span><span class="n">agg</span><span class="p">({</span><span class="s2">&quot;title&quot;</span><span class="p">:</span><span class="s2">&quot;count&quot;</span><span class="p">})</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
<span class="n">df1_stats</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[157]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
    </tr>
    <tr>
      <th>variable</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>无法分类</th>
      <td>110</td>
    </tr>
    <tr>
      <th>Python</th>
      <td>47</td>
    </tr>
    <tr>
      <th>数据分析</th>
      <td>9</td>
    </tr>
    <tr>
      <th>可视化</th>
      <td>5</td>
    </tr>
    <tr>
      <th>视频</th>
      <td>2</td>
    </tr>
    <tr>
      <th>记录</th>
      <td>2</td>
    </tr>
    <tr>
      <th>观察</th>
      <td>1</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div><div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<h2 id="&#36755;&#20986;">&#36755;&#20986;<a class="anchor-link" href="#&#36755;&#20986;">&#182;</a></h2>
</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[158]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_o</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[158]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
      <th>variable</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>大一就开始准备考研，合适吗？</td>
      <td>2020-05-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>1</th>
      <td>如何用人工智能免费帮你改英文？</td>
      <td>2020-05-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>2</th>
      <td>如何高效做文献回顾？（工具篇）</td>
      <td>2020-04-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>3</th>
      <td>卡片式笔记工具 Roam Research 介绍</td>
      <td>2020-04-20</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>笔记</td>
    </tr>
    <tr>
      <th>4</th>
      <td>如何交互可视化你的卡片式笔记网络？</td>
      <td>2020-04-12</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>笔记</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>200</th>
      <td>我的MOOC之路（三）——爱恨交加机器学习</td>
      <td>2016-07-06</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>机器学习</td>
    </tr>
    <tr>
      <th>201</th>
      <td>Ulysses一键发送文章到Day One</td>
      <td>2016-07-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>202</th>
      <td>我的MOOC之路（二）——七周学会做搜索引擎</td>
      <td>2016-07-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>203</th>
      <td>微信公众号Markdown Here排版的缺失环节</td>
      <td>2016-07-03</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>204</th>
      <td>我的MOOC之路（一）—— 故事从这里开始</td>
      <td>2016-07-02</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
  </tbody>
</table>
<p>205 rows × 4 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[159]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_o1</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[159]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
      <th>variable</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>8个超好用的Python内置函数，提升效率必备！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>Python</td>
    </tr>
    <tr>
      <th>1</th>
      <td>粉丝专属福利，四折优惠码限时免费领！</td>
      <td>2020-04-15</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>2</th>
      <td>你有多久没读过书了？</td>
      <td>2020-04-10</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>3</th>
      <td>今天网站都变成灰色了，这其中是怎么实现的？</td>
      <td>2020-04-04</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>4</th>
      <td>是技术也是艺术 使用geopandas玩转地图可视化</td>
      <td>2020-03-06</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>可视化</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>171</th>
      <td>Python线程的使用</td>
      <td>2018-06-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>Python</td>
    </tr>
    <tr>
      <th>172</th>
      <td>如何在1年内获得别人3年的工作经验？</td>
      <td>2018-06-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>173</th>
      <td>MySQL进阶</td>
      <td>2018-06-26</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>174</th>
      <td>数据库 - MySQL的简单使用</td>
      <td>2018-06-25</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>175</th>
      <td>微信好友全头像的拼接</td>
      <td>2018-06-22</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
  </tbody>
</table>
<p>176 rows × 4 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[161]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_o2</span><span class="o">=</span><span class="n">df_o2</span><span class="o">=</span><span class="n">pd</span><span class="o">.</span><span class="n">concat</span><span class="p">([</span><span class="n">df_o</span><span class="p">,</span><span class="n">df_o1</span><span class="p">])</span>
<span class="n">df_o2</span><span class="o">.</span><span class="n">reset_index</span><span class="p">(</span><span class="n">drop</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">inplace</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
<span class="n">df_o2</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[161]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
      <th>create_time</th>
      <th>link</th>
      <th>variable</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>大一就开始准备考研，合适吗？</td>
      <td>2020-05-13</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>1</th>
      <td>如何用人工智能免费帮你改英文？</td>
      <td>2020-05-05</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>2</th>
      <td>如何高效做文献回顾？（工具篇）</td>
      <td>2020-04-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>3</th>
      <td>卡片式笔记工具 Roam Research 介绍</td>
      <td>2020-04-20</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>笔记</td>
    </tr>
    <tr>
      <th>4</th>
      <td>如何交互可视化你的卡片式笔记网络？</td>
      <td>2020-04-12</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzIyODI1MzYyNA...</td>
      <td>笔记</td>
    </tr>
    <tr>
      <th>...</th>
      <td>...</td>
      <td>...</td>
      <td>...</td>
      <td>...</td>
    </tr>
    <tr>
      <th>376</th>
      <td>Python线程的使用</td>
      <td>2018-06-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>Python</td>
    </tr>
    <tr>
      <th>377</th>
      <td>如何在1年内获得别人3年的工作经验？</td>
      <td>2018-06-28</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>378</th>
      <td>MySQL进阶</td>
      <td>2018-06-26</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>379</th>
      <td>数据库 - MySQL的简单使用</td>
      <td>2018-06-25</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
    <tr>
      <th>380</th>
      <td>微信好友全头像的拼接</td>
      <td>2018-06-22</td>
      <td>http://mp.weixin.qq.com/s?__biz=MzI5ODMyMzgxOQ...</td>
      <td>无法分类</td>
    </tr>
  </tbody>
</table>
<p>381 rows × 4 columns</p>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[185]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_stats2</span><span class="o">=</span><span class="n">pd</span><span class="o">.</span><span class="n">concat</span><span class="p">([</span><span class="n">df_stats</span><span class="p">,</span><span class="n">df1_stats</span><span class="p">,])</span>
<span class="n">df_stats2</span><span class="o">.</span><span class="n">reset_index</span><span class="p">(</span><span class="n">drop</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">inplace</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[186]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_stats2</span> <span class="o">=</span> <span class="n">df_o2</span><span class="o">.</span><span class="n">groupby</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="s2">&quot;variable&quot;</span><span class="p">)</span><span class="o">.</span><span class="n">agg</span><span class="p">({</span><span class="s2">&quot;title&quot;</span><span class="p">:</span><span class="s2">&quot;count&quot;</span><span class="p">})</span><span class="o">.</span><span class="n">sort_values</span><span class="p">(</span><span class="n">by</span><span class="o">=</span><span class="s2">&quot;title&quot;</span><span class="p">,</span> <span class="n">ascending</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
<span class="n">df_stats2</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[186]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>title</th>
    </tr>
    <tr>
      <th>variable</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>无法分类</th>
      <td>235</td>
    </tr>
    <tr>
      <th>Python</th>
      <td>85</td>
    </tr>
    <tr>
      <th>数据分析</th>
      <td>9</td>
    </tr>
    <tr>
      <th>机器学习</th>
      <td>9</td>
    </tr>
    <tr>
      <th>视频</th>
      <td>9</td>
    </tr>
    <tr>
      <th>可视化</th>
      <td>7</td>
    </tr>
    <tr>
      <th>数据科学</th>
      <td>7</td>
    </tr>
    <tr>
      <th>写作</th>
      <td>5</td>
    </tr>
    <tr>
      <th>笔记</th>
      <td>5</td>
    </tr>
    <tr>
      <th>深度学习</th>
      <td>4</td>
    </tr>
    <tr>
      <th>记录</th>
      <td>3</td>
    </tr>
    <tr>
      <th>思考</th>
      <td>1</td>
    </tr>
    <tr>
      <th>观察</th>
      <td>1</td>
    </tr>
    <tr>
      <th>选题</th>
      <td>1</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[190]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_account2</span><span class="o">=</span><span class="n">pd</span><span class="o">.</span><span class="n">concat</span><span class="p">([</span><span class="n">df_account</span><span class="p">,</span><span class="n">df_account1</span><span class="p">])</span>
<span class="n">df_account2</span><span class="o">.</span><span class="n">reset_index</span><span class="p">(</span><span class="n">drop</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">inplace</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
<span class="n">df_account2</span>
</pre></div>

    </div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

    <div class="prompt output_prompt">Out[190]:</div>



<div class="output_html rendered_html output_subarea output_execute_result">
<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }

    .dataframe tbody tr th {
        vertical-align: top;
    }

    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>nickname</th>
      <th>wechat</th>
      <th>img</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>芝兰玉树书画载道</td>
      <td>微信号：未设置</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/LzWKYLw2Q0OUpaW...</td>
    </tr>
    <tr>
      <th>1</th>
      <td>芝兰玉树书画载道</td>
      <td>微信号：未设置</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/LzWKYLw2Q0OUpaW...</td>
    </tr>
    <tr>
      <th>2</th>
      <td>芝兰玉树书画载道</td>
      <td>微信号：未设置</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/LzWKYLw2Q0OUpaW...</td>
    </tr>
    <tr>
      <th>3</th>
      <td>芝兰玉树书画载道</td>
      <td>微信号：未设置</td>
      <td>http://mmbiz.qpic.cn/mmbiz_png/LzWKYLw2Q0OUpaW...</td>
    </tr>
  </tbody>
</table>
</div>
</div>

</div>

</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[193]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="n">df_account2</span><span class="o">.</span><span class="n">columns</span><span class="o">.</span><span class="n">name</span> <span class="o">=</span> <span class="s2">&quot;rel_accounts&quot;</span>
<span class="n">df_o2</span><span class="o">.</span><span class="n">columns</span><span class="o">.</span><span class="n">name</span> <span class="o">=</span> <span class="s2">&quot;url_cat&quot;</span>
<span class="n">df_stats2</span><span class="o">.</span><span class="n">columns</span><span class="o">.</span><span class="n">name</span> <span class="o">=</span> <span class="s2">&quot;stats&quot;</span>
</pre></div>

    </div>
</div>
</div>

</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[194]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="k">with</span> <span class="n">pd</span><span class="o">.</span><span class="n">ExcelWriter</span><span class="p">(</span><span class="n">fn</span><span class="p">[</span><span class="s2">&quot;output&quot;</span><span class="p">][</span><span class="s2">&quot;公众号_xlsx&quot;</span><span class="p">]</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">公众号</span><span class="o">=</span><span class="n">公众号</span><span class="p">))</span> <span class="k">as</span> <span class="n">writer</span><span class="p">:</span>
<span class="c1">#    workbook  = writer.book</span>

    <span class="k">for</span> <span class="n">_df_</span> <span class="ow">in</span> <span class="p">[</span><span class="n">df_account2</span><span class="p">,</span> <span class="n">df_o2</span><span class="p">,</span> <span class="n">df_stats2</span><span class="p">]:</span>
        <span class="n">_df_</span><span class="o">.</span><span class="n">to_excel</span><span class="p">(</span><span class="n">writer</span><span class="p">,</span> <span class="n">sheet_name</span> <span class="o">=</span> <span class="n">_df_</span><span class="o">.</span><span class="n">columns</span><span class="o">.</span><span class="n">name</span><span class="p">)</span>
</pre></div>

    </div>
</div>
</div>

</div>
    </div>
  </div>
</body>

 


</html>
